<li>元素中的<p>在语义上是否正确
<li>元素中的<p>在语义上是否正确
提问于 2011-10-05 19:28:57
我正在标记一系列知识库操作类型文章，这些文章有一系列的步骤和相关的屏幕截图。在过去，我总是在段落标签中包装列表项目中的文本，但我想知道在这种情况下，这在语义上是否正确，或者我是否应该使用标题标签(甚至不使用标题标签)。我很想把它标记如下：
<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元素，我很想知道。
回答 4
Stack Overflow用户
回答已采纳
发布于 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>Stack Overflow用户
发布于 2011-10-05 19:39:09
是的，它是有效的。LI定义为
<!ELEMENT LI - O (%flow;)* -- list item -->并且%flow被定义为
<!ENTITY % flow "%block; | %inline;">%block自然包含P，因为它是一个块级元素。
Stack Overflow用户
发布于 2011-10-05 19:35:38
我想说，通常情况下，<p>标记是多余的，<li>标记本身就足够了，但这是一个很好的调用，我不认为您正在做的事情真的是有害的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7660575
复制相关文章
相似问题