文本作为多级CSS导航中的列表项

时间:2015-03-09 20:01:19

标签: html css navigation standards

我需要在第一级,第二级和第三级链接的水平导航菜单之前添加文本。

使用嵌套列表实现级别。

如果我想在链接级别之前放置文本,那么将所述文本添加为​​列表项是否被视为不良做法?

实施例

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
} 
li{
    float:left;
    display:block;
    margin-left:20px;
}
<ul>
    <li>Some arbitrary text:</li>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li><a href="#">Link 4</a></li>
    <li><a href="#">Link 5</a></li>
</ul>

1 个答案:

答案 0 :(得分:0)

我会说这违背了最佳做法,我建议做

<span>Some Text:</span><ul>..</ul>

这样可以保持html的清洁和灵活性。