Question

可能重复：
Is anything except LI's allowed in a UL?

我做的是这样的事情：

<ul>
    <h3><a name="titlename">Title</a></h3>
    <li>Text.</li>
    <li>More text.</li>
    <span><a href="/url">Click here</a> to go to some place.</span>
</ul>

但我在视觉工作室收到警告：

Warning Validation (HTML5): Element 'h3' cannot be nested within element 'ul'.  
Warning Validation (HTML5): Element 'span' cannot be nested within element эul'.

我用谷歌搜索found看起来在<li>ю

内<ul> <h>看起来不是问题

但无论如何可能有人对此有任何意见。它会破坏什么吗？在<ul>内添加{{1}}个标签或任何其他标签？你有什么经历？

Answer 1

<ul>表示无序列表，而<li>表示属于该无序列表的列表项 - 因此只有<li>个<ul>元素才有意义元素。如果你想给无序列表一个标题，那么在列表的外面（这将是更“正常”的方式），或者在列表中的<li>元素内

<h3>My List Title</h3>
<ul>
  <li>List items in here...</li>
</ul>

Answer 2

如果<h3>是<ul>的孩子，则无效。您只能在<li>内，而不能直接在<ul>。

Answer 3

您只能将<UL>标记放在<LI>内。然后在LI你可以把你想要的东西。

<ul>
   <li><h3><a name="titlename">Title</a></h3></li>
   <li>Text.</li>
   <li>More text.</li>
   <li><span><a href="/url">Click here</a> to go to some place.</span></li>
</ul>

或

<h3><a name="titlename">Title</a></h3>
<ul>
   <li>Text.</li>
   <li>More text.</li>
</ul>
<span><a href="/url">Click here</a> to go to some place.</span>

是的，你可以把任何你想要的东西放在UL里面，但不是W3C标准（你可以看到验证错误），没有人会保证你在所有浏览器中它都能正常显示。

在UL标签内标记H3

3 个答案: