HTML5 <article>標籤是否適合此主頁上的文本？

昨天我和一位朋友發生了一些分歧，而不是繼續進行無休止的討論，我想我會在這裏問一下。HTML5 <article>標籤是否適合此主頁上的文本？

我最近使用HTML5語義編碼了一個網站。該頁面的內容相對較少，我將其包裝在文章標籤中。

您可以檢查出的頁面，它的源代碼在這裏：http://inneresauge.co/

這裏是對於那些不喜歡點擊鏈接的內幕......

<div id="container"> 
    <header> 
    <h1 id="logo"><a href="index.html">Inneres Auge Co.</a></h1> 
    <nav id="main-nav"> 
     ... 
     </nav> 
     ... 
    </header> 
    <article id="main"> 
     <p>We're <strong>Inneres Auge Company</strong>, a creative media company that knows no limits.</p> 
     <p>We do everything and more, from mobile games and apps to web sites and platforms to video and audio production.</p> 
     <p>The best thing about it?<br /> 
     We're amazing at all of them!</p> 
     <p>Don't believe us?<br /> 
     Just see for yourself...</p> 
    </article> 
</div>

我想通部分不會是合適的，因爲它實際上不是頁面上的一個獨立部分，而是獨立的文本可以獨立存在，這就是爲什麼我認爲文章是最好的選擇。

這裏最好的選擇是什麼？文章，部分或者可能只是一個普通的div，因爲這兩者都不匹配？

如果有任何其他非語義/不恰當的html元素使用，請隨意提一下。

來源

2011-10-28 ximi

看起來不像我的文章。根據規範：

文章元素表示文檔，頁面，應用程序或站點中的自足組合，並且原則上是獨立可分配或可重用的，例如，在聯合。這可以是論壇帖子，雜誌或報紙文章，博客文章，用戶提交的評論，交互式小部件或小工具或任何其他獨立內容項目。

http://dev.w3.org/html5/spec-author-view/the-article-element.html#the-article-element

我不認爲文本確實是一個自包含的組合物，其可重複使用。它是營銷手段，是對公司的介紹。

而<section>，我想，就可以了：

的部分元素代表一個文檔或應用程序的通用部分。在這種情況下，部分是內容的主題分組，通常帶有標題。

部分的示例可以是章節，選項卡式對話框中的各種選項卡式頁面或論文的編號部分。 一個網站的主頁可以分成幾個部分，介紹 [強調我的]，新聞項目和聯繫信息。

http://dev.w3.org/html5/spec-author-view/the-section-element.html#the-section-element

我不認爲它是重要的你只有一個部分 - 規範不說你需要多個<section>秒。（並且公司稍後可能會在頁面中添加更多部分。）

當然，這都是解釋的問題。它沒有很多實際的後果。

來源

2011-10-28 11:20:36

我個人覺得自己好像是獨立的。我可以在網站上下文中使用這段文字，只是爲了給某人一個公司的概述。我認爲這一切都相當挑剔，我只是好奇，如果我從根本上誤解了文章和部分，但我沒有從我能說的。 – ximi

@ ximi：可能我只是看不到它是「聯合」的。如果這是一個廣告出現在廣告網絡上，那麼這更符合我對'

'的看法。但只是歡迎文本......最後的「只爲自己看」讓我覺得它在他們網站主頁的背景之外沒有任何意義。 –

對我來說，看起來像div將是最適合在這裏。一個article通常實際上有一個標題，你的沒有。 section將是適當的，如果該網站實際上分爲多個部分，但正如你所說，你的不是，但我認爲它仍然可以使用。

我寫了一些關於它：HTML5: Section or Article?這可能有幫助。

來源

2011-10-28 11:05:51

每當你問自己「這個語義是否正確？」你應該諮詢「神諭」。他們是

是W3和WHATWG狀態

獨立分配或可重複使用的

所以你的情況重要的事情3210不是語義的。

的〔WHATWG <section>]狀態

A節，在這種情況下，是內容的主題分組，典型地與標題

是否該組的內容具有標題？我說是。這是

我們Inneres奧格公司

如果你不認爲內容有一個頭，然後使用<div>如果你認爲它有一個頭，然後在<header>

把它包

作爲進一步拋開你有<div><header></header><article></article></div>我認爲外層div應該是一個<section>

來源

2011-10-28 11:22:56 Raynos

我不會把這與是否有標題/標題聯繫在一起，這些畢竟是典型的，但不是要求。除此之外，我不認爲將標題和文章包裝在一個部分中是有意義的，因爲它是該頁面的唯一內容，因此不僅僅是一部分內容。 – ximi

@ximi：正確的，'.container'在這裏必須是'div'，而不是分段元素。 – unor

W3C規範

文章元素表示由文檔，頁面，應用程序或網站中的自含式組合構成並且旨在獨立分佈或可重用的頁面組件。在聯合。這可以是論壇帖子，雜誌或報紙文章，博客文章，用戶提交的評論，交互式小部件或小工具或任何其他獨立內容項目。

實例here

的物品元件是一種特殊的部分的;它具有比部分更具體的語義含義，因爲它是一個獨立的，自包含的相關內容塊。我們可以使用部分，但使用文章給內容提供更多的語義。

來源

2011-10-28 11:23:27 juankysmith

我無法從你的回答中推斷出你對我的具體用例會推薦什麼...... – ximi

我推薦使用文章 – juankysmith

這就是我的想法，但我並不完全確定。感謝您解決這個問題。 – ximi

HTML5 <article>標籤是否適合此主頁上的文本？

回答

相關問題