2010-01-26 30 views
6

我們應該在網站中使用所有H1到H6嗎?我們應該嘗試在網站中使用所有H1到H6嗎?

我通常使用h1到h2。現在如何判斷並決定在何處使用H3到h6。

,我們應該使用這樣

h3 {display:inline} 

<div id="content"> 
    <h3> some text in bold:</h3> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
     sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
     </p> 
    <h3> some text in bold:</h3> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
     sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
     </p> 
</div> 

或本

span {font-weight:bold} 

<div id="content"> 
    <p><span> some text in bold:</span> 
    Lorem ipsum dolor sit amet, 
    consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. 
    </p> 
    <p><span> some text in bold:</span> 
    Lorem ipsum dolor sit amet, 
    consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. 
    </p> 
</div> 

得到結果艾克這個

alt text http://easycaptures.com/fs/uploaded/226/1452064646.png

兩種方法都符合W3C標準,用CSS我能做到兩種方法的外觀相同,所以語義和可訪問性都相同?

回答

17

如果文本是,它的功能是 H2級別下的標題級別,它將是H3。沖洗/重複H4至H6。

XHTML是語義 - 根據他們的意思使用標籤。他們看起來像是你的選擇,包括他們是否顯示爲塊元素或內聯。

1

您可以在需要時使用它們,就像使用任何其他標籤一樣(在強制性標籤外:htmlhead等)。在需要時使用它們,但要正確使用它們。

0

如果您打算將內容作爲所在部分的子部分(即明確分隔,而不僅僅是段落塊),請使用下一個可用標題級別。否則,只需將其粘貼在一個段落中即可。除非絕對必要,否則避免將元素包裝在div標籤中,只是爲了具有div標籤。這不是語義,可能會甩開搜索引擎蜘蛛。

3

當編寫的網頁我試圖把它當做寫作一本書,如果內容與父節相關的方式應該有自己的章節,那麼使用H3,H4 ......否則你可以使用其他的html標籤,比如dd(Definition List)或ul(Unordered列表)。

當然,如果你正在尋找搜索引擎優化,那麼總是使用你的h1和h2作爲主要內容標題(或簡單地說是你希望用戶找到的信息)。然後,如前所述去嘗試讓它感覺像一本書(出版物)。

1

HTML是標記語言,其簡化的意思是描述你的內容語義上。 CSS用於設計您的內容,即視覺部分。就像<p>意味着一個文本塊是一個parapgraph <Hn>意味着一個文本塊是一個標題。

如果您願意,標題描述了您的文檔的結構,樹狀數據結構。

Firefox的Web Developer擴展有一個很好的功能,可以讓你看到你標記的文檔結構。你可以在Information-> Document outline下找到它。

1

從可訪問性的角度來看,不要使用多層次的標題,除非它使您的內容結構更加靈活。例如,主文檔應具有標題級別1,文檔中的主要部分應具有標題級別2,並且子部分應具有標題級別3。維基百科在這方面做得很好,例如,請參閱以下鏈接,其中包含部分和子部分。 http://en.wikipedia.org/wiki/Database_normalization

5

標題是一個網頁的部分標題。它用幾句話來描述該部分。

沒有一個簡單的規則可以解決文檔中給定位粗體文本是否最好標記爲標題。

在你給的例子,這是尤其很難說,如果大膽的文字應該是一個標題,因爲文字是沒有意義的佔位符文本。 「語義」僅僅意味着「意義」。 「最有語義的」標記是最能傳達頁面含義的標記。由於佔位符文本沒有意義,因此無法選擇如何標記它。

一種方式來決定是否有文本應該被標記爲標題,是想象的文件將是什麼樣子,如果用戶只能看到它的輪廓,從標題產生。例如。

  • <h1>
    • <h2>
      • <h3>
      • <h3>
    • <h2>
      • <h3>
        • <h4>
    • <h2>
      • <h3>

文字在大綱中是否有意義?或者它不是一個真正的標題,而是大膽地設計,因爲設計師想強調它?

相關問題