Question

这是语义吗？

<!--LINKS-->
<section role="links">

<!--CATEGORIES-->
<section id="categories">
<h3>Categories</h3>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Urnanet non molestie semper</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
</ul>
</section>

<!--BLOGROLL LINKS-->
<section id="links">
<h3>Blogroll</h3>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Urnanet non molestie semper</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
</ul>
</section>
</section>

Answer 1

你应该问的问题不是“这是语义吗？”但“这是否带有正确的语义”。即，信息的含义是否正确地从您传达给读者？最终，只有你知道你希望传达的意思，所以只有你能回答这个问题。

在这种情况下，例如你使用了“lorem ipsum”文本。但实际意义可能取决于这些链接实际上是什么。

一般性评论。没有ARIA角色links。请考虑使用the <nav> element代替<section role="links">。 nav元素映射到ARIA角色navigation，但如果可能，建议使用本机元素。

您可以嵌套<nav>元素，因此其他部分也可以也可以更改，但您需要考虑这些链接的性质是否合理。否则<section>对那些人来说没问题。

除此之外，它看起来很合适。

HTML5元素定位语义

1 个答案: