我正在标记一系列知识库操作类型文章,这些文章有一系列的步骤和相关的屏幕截图。在过去,我总是在段落标签中包装列表项目中的文本,但我想知道在这种情况下,这在语义上是否正确,或者我是否应该使用标题标签(甚至不使用标题标签)。我很想把它标记如下:
<ol class="kbarticle">
<li>
<p>Download the Windows client software <a href="">here</a>.</p>
<a href="#screenshot1"><img src="screen1.jpg" alt="Step 1" /></a>
</li>
<li>
<p>Double click the downloaded file and click "Next" to continue.</p>
<a href="#screenshot2"><img src="screen2.jpg" alt="Step 2" /></a>
</li>
<ol>
此外,如果有任何在语义上更正确的HTML5元素,我很想知道。
发布于 2011-10-05 19:34:55
下面是使用<figure>
标记它的一种方法
<ol class="kbarticle">
<li>
<figure>
<a href="#screenshot1"><img src="screen1.jpg" alt="Step 1"></a>
<figcaption>
Download the Windows client software <a href="">here</a>.
</figcaption>
</figure>
</li>
<li>
<figure>
<a href="#screenshot2"><img src="screen2.jpg" alt="Step 2"></a>
<figcaption>
Double click the downloaded file and click "Next" to continue.
</figcaption>
</figure>
</li>
</ol>
发布于 2011-10-05 19:39:09
是的,它是有效的。LI定义为
<!ELEMENT LI - O (%flow;)* -- list item -->
并且%flow
被定义为
<!ENTITY % flow "%block; | %inline;">
%block
自然包含P,因为它是一个块级元素。
发布于 2011-10-05 19:35:38
我想说,通常情况下,<p>
标记是多余的,<li>
标记本身就足够了,但这是一个很好的调用,我不认为您正在做的事情真的是有害的。
https://stackoverflow.com/questions/7660575
复制相似问题