天天看點

什麼是html區段格式标簽,HTML5區段标記的含義?

标簽基礎的讨論中可能很有用,但我找不到它。

注:我正在尋找記錄有權威來源的答複

http://www.w3.org/wiki/HTML/Elements/section不是section的正式定義。 section在HTML5規範中定義,該規範目前是候選推薦書(是編輯草稿的快照)。

在CR中,section定義為:

The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading.

section是分段内容元素(與article,aside和nav一起)。這些節元素和标題(h1-h6)建立輪廓。

以下三個示例在語義上是等效的(含義相同,輪廓相同):

My first day

Waking up

The big moment!

Going to bed

My first day

Waking up

The big moment!

Going to bed

My first day

Waking up

The big moment!

Going to bed

是以,隻要使用(*)使用h1-h6,就可以使用section。當您在大綱中需要單獨的條目但又不能(或不想)使用标題時,可以使用section。

還要注意,header和footer始終屬于其最接近的祖先切片内容(如果沒有切片元素,則屬于切片根,如body)。換句話說:每個section / article / aside / nav元素可以具有自己的header / footer。

可以說,article,aside和nav是section元素的更特定的變體。

two completly different usage cases

這兩個用例根本沒有什麼不同。在"容器"情況下,您可以說section代表文檔的一章,而在"章"情況下,section代表文章/内容的一章(當然,這是文檔的一部分) )。

同樣,某些标題用于為網頁部分添加标題(例如"導航","使用者菜單","評論"等),而某些标題用于為内容添加标題("我的第一天","我的"最喜歡的書"等)。

"更具體",您是說article等同于section嗎?

@FezVrasta:是的(ty,我回答的措詞改變了)。原則上,您可以在适合大綱條目的任何地方以section開頭(!),然後開始使用article | aside | nav替換這些section元素,如果它們對應的定義與您的内容。

關于您的上一次編輯:看來現在我們正在浏覽舊的良好DOM區域,它被視為文檔(就像Writer文檔一樣),并且現在可以用于除文檔之外的所有複雜布局網站。哦,網絡!

都是分段内容。您可以将一個sectioning元素嵌套在另一個中,以将外部元素切成多個部分。

HTML生活标準4.4.11:

...

Sectioning content elements are always considered subsections of their nearest ancestor sectioning root or their nearest ancestor element of sectioning content, whichever is nearest, regardless of what implied sections other headings may have created.

...

您可以将

視為一般的剖分元素。就像,它在其最接近的分段父級(或最接近的分段根,可能是)中定義了一個分段。

也是一個部分,但是它确實具有一些語義。即,它表示獨立的内容(也就是說,它可能是自己的頁面,并且仍然有意義)。

這是有道理的,但是消息來源?

(已編輯以包括标準報價。)

好的,這是我從權威來源收集的資訊。

MDN:

HTML Section Element()代表文檔的一般部分,即内容的主題分組,通常帶有标題。

使用注意事項:

如果可以單獨聯合一個元素的内容有意義,請改用元素。

請勿将元素用作通用容器;這就是這樣做的目的,尤其是當切片僅用于樣式目的時。經驗法則是,邏輯上應在文檔的輪廓中顯示一個部分。

Shay Howe的指南:

節比文章更容易與div混淆。作為塊級元素,部分被定義為代表通用文檔或應用程式部分。

确定何時使用節與div的最佳方法是檢視手頭的實際内容。如果内容塊可以作為記錄存在于資料庫中,而沒有明确需要作為CSS樣式鈎子,則section元素最适用。應該使用節來分頁,提供自然的層次結構,并且最常見的是具有适當的标題。

dev.opera.com

基本上,article元素用于獨立的内容,這些内容在目前頁面的上下文之外是有意義的,并且可以很好地聯合在一起。這些内容包括部落格文章,視訊及其抄本,新聞故事或系列故事的一部分。

另一方面,section元素用于将頁面的内容分為不同的功能或主題區域,或将文章或故事分為不同的部分。

我已經更新了頁面示例并使用HTML5 Outliner進行了檢查,看起來還可以,是以以這種方式使用它們可能是正确的

我用Operas的答案更新了這個主題。

W3C也使用article進行注釋,但是在我認為的上下文之外它們沒有任何意義。

我同意這一點。也許評論實際上是核心資訊,而不是實際新聞下方。

這是w3c的官方部分:

http://www.w3.org/wiki/HTML/Elements/section

引用:" [section]元素代表文檔或應用程式的通用部分。"

我想,從理論上講,如果文章中有文章,那麼嵌套選擇示例可能會起作用。但是,為什麼您在文章中會有文章?沒有什麼意義。

文章中的文章是W3C的一個示例,我的是其中一篇文章包含在另一個文章中的文章。