列表標題的詠歎調標籤，語義正確？

我有一個菜單項鍊接列表描述菜單的標題。這個菜單左移，所以爲了減少標記，我做了ul的標題部分，所以它很容易漂浮。列表標題的詠歎調標籤，語義正確？

E.g

<ul> 
    <li class="heading">My Title</li> 
    <li><a href="">Link</a></li> 
    <li><a href="">Link</a></li> 
    <li><a href="">Link</a></li> 
    <li><a href="">Link</a></li> 
</ul>

我應該做什麼特別的分離標題？添加wai-aria？有沒有可能讓搜索引擎感到困惑？

這似乎在語義上看起來不正確。

來源

2013-03-27 John Magnolia

我認爲將標題與列表分開（作爲鏈接列表而不是鏈接和標題列表）會在語義上更加正確。不過，我不知道這會對搜索引擎產生什麼影響。但是，這不應該使任何造型更加困難：

<div> 
    <h4>My Title</h4> 
    <ul> 
     <li><a href="">Link</a></li> 
     <li><a href="">Link</a></li> 
     <li><a href="">Link</a></li> 
     <li><a href="">Link</a></li> 
    </ul> 
</div>

如果你想，然後他們會在線顯示你可以簡單地說：

div h4, div ul, div ul li { display:inline-block; } 
div ul { list-style-type:none; padding:0; }

JSFiddle example。

來源

2013-03-27 16:19:19

根據工作草案Using WAI-ARIA in HTML，存在li元素可能具有的各種角色，但heading不在其中。所以不，你不應該使用ARIA屬性來聲明一個列表項作爲標題。

因此，儘管您需要根據整體結構選擇標題的級別，所以將標題設置爲列表之前的單獨標題元素會更合適，如@JamesDonnelly所建議的那樣。

（搜索引擎也許根本就不在乎。）

（這是不是真正的語義，而是結構。語義是關於含義，並宣佈一個元素作爲標題沒有描述它的意思，只是它與結構的關係，或其作用）。

來源

2013-03-27 17:50:36

列表標題的詠歎調標籤，語義正確？

回答

相關問題