Question

是否可以在HTML5导航元素中的列表项标签中嵌套标题标签，以使导航列表项以轮廓显示？这有效但在导航列表项上有标题是否在语义上正确？有没有办法让导航项目以HTML5的轮廓显示？或者我应该关心这个吗？

Answer 1

HTML5语法规则允许h1元素内的标题元素h2，li等。但是，它（像所有HTML规范一样）将标题元素定义为的标题。这在早期的规范中是隐含的，但在HTML5中更清楚，HTML5定义了标题如何参与文档划分为部分。虽然正式有效，但空白部分的标题没有意义，除非可能是尚未插入内容的临时状态，并且将在更高版本或脚本中添加。

从技术上讲，使用<nav><li><h2>foo</h2></li>...</nav>会将“foo”放入大纲中，就像文档中有一个标题为“foo”的部分一样。但即使HTML5大纲有一些支持，你也很难获得任何收益。他们没有;见他HTML5 Document Outline is a dangerous fiction。

Answer 2

我的回答是制作你自己的div并将你的导航项包装在里面。因此，您可以更改字体大小以及您愿意使用的所有其他内容。忘记标题标签是我推荐的，我不会在列表中看到它有用的元素。

在CSS中：

.myDiv {
   font-size: 20px;
   display: block;
   border: 2px solid black;
}

然后将其分配给HTML

<div class="myDiv">Home</div>
<div class="myDiv">About</div>

等等。希望这有帮助，我理解你的问题！

在li标签中嵌套标题标签

2 个答案: