主要內容的HTML5語義文章標記

語義：您想讓它們正確但有時它們只是令人困惑。主要內容的HTML5語義文章標記

網站的文檔結構：

<body> 
    <header> 
    <div id="main"> 
     <header> (not on every page) 
     <div id="content"> 
     <footer> (not on every page) 
    <aside> 
    <footer>

它是語義正確的更換的div＃主與文章標籤？

來源

2011-04-05 DADU

按照http://html5doctor.com/the-article-element/這是一種有效的語義編碼方式。它被稱爲「一種博客式的<article>」。

根據您的結構，您也可以用文章替換#content。

不要忘了包括http://code.google.com/p/html5shiv/，雖然你在它，如果你爲你的網站在HTTPS也考慮協議相對URL（谷歌它），所以你不必檢測之間的HTTP開關和https。

來源

2011-04-05 20:21:52 hoopyfrood

謝謝！ HTML5 Shiv已經包含在內。要明確一點，當文章元素的內容對其自身有意義時，文章元素的用法在語義上是正確的？ – DADU 2011-04-05 20:32:50

按HTML5doctor道：「

元素是一種特殊的

;它有一個更具體的語義比在

這是相關內容的獨立，自成一體塊中，我們可以使用

，但使用

提供了更多。對內容的語義意義。「 - 所以我會說是的！:) – hoopyfrood 2011-04-06 05:36:17

我認爲用<section>標記替換它會更合適。 <article>標籤適用於博客文章，論壇帖子或報紙文章（因此是標籤的名稱）。

相比之下，<section>標籤適用於文檔中更通用的內容部分，因此更適合於這種情況。

這是所有much better explained by Mark Pilgrim在DiveIntoHTML5.ep.io

來源

2011-04-05 20:29:49 vindia

文章元素可以很容易地站在它自己的，但不是最好的其他部分元素的章節元素？ – DADU 2011-04-05 20:45:40

也許，但據我瞭解你的結構，你已經有另一個帶有ID內容的'div'，所以我猜這就是'

'標籤更合適的地方，而'

'更合適。 – vindia 2011-04-05 20:56:39

'section'中的'article'可能不是你想要的，它會創建一個錯誤的輪廓。在這裏只使用'article'就行了。它不限於在可以用術語「文章」描述的內容中使用。元素名稱不能以這種方式讀取/理解。 – unor 2012-08-27 12:42:09

使死人復活在這個問題上，目前公認的答案很快就會是不正確的。有一個針對您需要的<main>元素的擴展草案。此外，它還可以自動瀏覽器中的ARIA role="main"以獲得更好的可訪問性。請參閱此鏈接瞭解更多信息：https://dvcs.w3.org/hg/html-extensions/raw-file/tip/maincontent/index.html

本規範是對HTML5規範[HTML5]的擴展。它定義了一個元素，用於識別文檔的主要內容區域。 HTML5規範中的所有規範性內容，除非被此規範明確覆蓋，否則打算成爲本規範的基礎。

主要元素形式化識別文檔的主要內容部分的常見做法是使用id值（如 'content'和'main'）。它還定義了一個HTML元素，體現了WAI-ARIA [ARIA]里程碑式角色=主要的語義和功能。

<main> 

    <h1>Apples</h1> 
<p>The apple is the pomaceous fruit of the apple tree.</p> 

<article> 
<h2>Red Delicious</h2> 
    <p>These bright red apples are the most common found in many 
    supermarkets.</p> 
    <p>... </p> 
    <p>... </p> 
    </article> 

    <article> 
    <h2>Granny Smith</h2> 
    <p>These juicy, green apples make a great filling for 
    apple pies.</p> 
    <p>... </p> 
    <p>... </p> 
    </article> 

</main>

來源

2012-12-19 10:10:58 rickyduck

文章中有一個說明，說明main標籤符合HTML5.1規範。期待更廣泛的支持 – mente 2013-04-20 08:14:48

主要內容的HTML5語義文章標記

回答

相關問題