Question

一个快速的HTML问题。嵌套＆lt; a＆gt;是否足够。＆lt; ul＆gt;之间的标签和＆lt; li＆gt;像这样的标签：

<ul>
  <a href="somewhere.html">
    <li>Option 1<li>
  </a>
  <a href="somewhereElse.html">
    <li>Option 2<li>
  </a>
<ul>

谢谢！

Answer 1

这不是有效的HTML。 <a>应位于<li>。

内

Answer 2

这是正确的：

<ul>
  <li>
    <a href="somewhere.html">Option 1</a>
  </li>
  <li>
    <a href="somewhereElse.html">Option 2</a>
  </li>
</ul>

Answer 3

正确的语法要求您将<a>标记嵌套在<li>内：

<ul>
  <li><a href="somewhere.html">Option 1</a><li>
  <li><a href="somewhereElse.html">Option 2</a><li>
<ul>

Answer 4

这是无效的，因为内联元素不能包含块元素。内联元素只能包含其他内联元素。块元素可以包含内联元素和其他块元素。

正确的HTML：

<ul>
     <li>
          <a href="somewhere.html">Option 1</a>
     </li>
     <li>
          <a href="somewhereElse.html">Option 2</a>
     </li>
</ul>

默认情况下，li和a标记都是内联的。 ul默认为阻止。有关详细信息，请参阅list of inline elements和list of block elements

嵌套<a> tags between <ul> and <li></li></ul></a>

4 个答案: