如何使用HTML在HTML中语义分组标题?

我有一个HTML文档,我想将文本语法分组到UL的头部作为“标题”。初始尝试如下所示:

    <ul id="databases">
        Databases:
        <li>Microsoft SQL Server - 10+ years</li>
        <li>Sybase SQL Server - 5 years</li>
        <li>Oracle - 5 years</li>
    </ul>

W3C验证器指出,UL中没有允许的文本,但在LI之外。我可以将文本放在一个LI中,然后使用伪类:first-child在我的CSS中找到“header”,但这显然不是语义上正确的方式。

如何正确处理?

它不应该在第一个li中设置,因为这将假定与先前的li元素的兄弟关系,而头在层次结构中更重要。想象一下屏幕阅读器等

<h2>Databases:</h2>
<ul id="databases">        
    <li>Microsoft SQL Server - 10+ years</li>
    <li>Sybase SQL Server - 5 years</li>
    <li>Oracle - 5 years</li>
</ul>

根据与页面上其他标题相关的层次结构,将h2交换为h(n)。如果有其他标题将共享相同的样式,那么要在css中定位标题,只需给它一个类。

<h2 class="subHeader">Languages:</h2>
<ul id="languages">        
    <li>English</li>
    <li>Chinese</li>
    <li>French</li>
</ul>

否则给它一个id

http://stackoverflow.com/questions/2417891/how-do-i-semantically-group-a-header-with-a-ul-in-html

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:如何使用HTML在HTML中语义分组标题?