但是，如果您仍然對
-s和-s 依附，不要驚慌，因為您不必完全拋棄它們。它們?nèi)匀皇莾H出于樣式目的以及在其他不得已的情況下對內(nèi)容進(jìn)行分組的最佳選擇。
HTML5中的文本語義
HTML5引入了許多新的語義元素，使內(nèi)容的組織變得容易。它們不僅幫助您在整個文檔級別上組織內(nèi)容（請參閱下一節(jié)中的詳細(xì)信息），而且還可以在文本塊內(nèi)將它們作為內(nèi)聯(lián)標(biāo)簽。
可能最流行的文本級語義標(biāo)記是和，但它們也早于HTML5才存在。在新的內(nèi)聯(lián)語義元素，我們可以找到例如,用于標(biāo)記人類可讀的日期時間，并為突出顯示的文本。
請參閱此列表以獲取當(dāng)前正在使用的所有文本級語義元素。
HTML5中的文檔大綱
文檔大綱是HTML文檔的結(jié)構(gòu)。它顯示了元素如何相互關(guān)聯(lián)。僅通過映射元素（例如標(biāo)題，表標(biāo)題，表單標(biāo)題以及早期版本的HTML（例如HTML4.01和XHTML）中的其他元素）生成文檔大綱。
在HTML5中，概述算法已通過新的sectioning元素得到增強(qiáng)，即：
對于圍繞特定主題分組的部分
用于完整或獨(dú)立的作品，例如博客文章或小部件
用于導(dǎo)航塊
用于補(bǔ)充內(nèi)容，例如側(cè)邊欄。
HTML5中有第五個sectioning元素，但這不是新的，而是標(biāo)簽。在和標(biāo)簽也是新的，但他們沒有在文檔中產(chǎn)生新的章節(jié)，他們瓜分了里面部分的內(nèi)容。這意味著每個sectioning元素（body，article，section，nav和aside）都可以具有自己的header和footer。
石家莊建設(shè)企業(yè)網(wǎng)站語義結(jié)構(gòu)化內(nèi)容的提示
如果要創(chuàng)建結(jié)構(gòu)合理的文檔大綱，則需要注意以下規(guī)則：
1.最外面的section元素始終是標(biāo)簽。
2. HTML5中的部分可以嵌套。
3.每個部分都有自己的標(biāo)題層次結(jié)構(gòu)。他們每個人（甚至是最里面的嵌套部分）都可以有一個h1標(biāo)簽。
4.雖然文檔大綱主要由5個分節(jié)元素定義，但每個節(jié)也需要適當(dāng)?shù)臉?biāo)題。
5.始終是定義給定節(jié)標(biāo)題的第一個標(biāo)題元素（讓它為h1或較低等級的標(biāo)題標(biāo)簽）。同一部分中的以下標(biāo)題標(biāo)記需要與此相關(guān)。（如果第一個標(biāo)題是sectioning元素內(nèi)的h4，則不要在其后放置h4。）
6.用
和定義的部分
不屬于HTML文檔的主要輪廓，通常它們最初并不是由輔助技術(shù)來呈現(xiàn)的。
7.每個部分（正文，部分，文章，旁邊，導(dǎo)航）可以有自己的和標(biāo)簽，用于定義頁眉（例如徽標(biāo)，作者的姓名，日期，元信息等）和頁腳（版權(quán)，注釋，鏈接等）。
示例：語義大綱
讓我們看一個語義文檔大綱的示例，以更清楚地了解其工作方式。我們的示例代碼將導(dǎo)致以下文檔結(jié)構(gòu)：
文檔大綱示例
這是帶有適當(dāng)語義部分的代碼：
1個
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
Welcome On Our Website!
Here is our logo and slogan.
Choose Your Interest
Menu 1
Menu 2
Menu 3
Title of Article
Subtitle of Article
First Logical Part (e.g. "Theory")
Paragraph 1 in first section
Some Other Subheading in First Section
Paragraph 2 in first section
Second Logical Part (e.g. "Practice")
Paragraph 1 in second section
Paragraph 2 in second section
Author Bio
Paragraph in Article's Footer
Get To Know Us Better
Popular Posts
Partners
Testimonials
Copyright
Social Media Links
如果您看一下上面的代碼片段，您會發(fā)現(xiàn)頁眉和頁腳是可選的，我們可以自由選擇是否要使用它們，但是強(qiáng)烈建議始終為每個部分包括一個標(biāo)題，否則文檔大綱中的“無標(biāo)題”部分。
幸運(yùn)的是，互聯(lián)網(wǎng)上有很多很棒的工具可以讓我們檢查文檔的大綱，這一次我們將使用html5.org 的Outliner工具。
如果我們將代碼段插入到大綱顯示器提供的表單中，然后單擊“概述此！”。按鈕，我們將看到以下結(jié)果：
示例代碼大綱
這是我們的示例代碼的文檔大綱，這是搜索引擎看到它的方式，屏幕閱讀器將它們提供給視障用戶。它是語義性的，結(jié)構(gòu)良好的，并且其中沒有討厭的“無標(biāo)題”部分。
如果要查看“大綱視圖”中“無標(biāo)題”部分的外觀，只需刪除示例代碼中的某些標(biāo)題標(biāo)簽即可。
網(wǎng)絡(luò)語義學(xué)的其他方面
語義HTML標(biāo)簽和文檔大綱只是Web語義的一小部分。借助WAI-ARIA可訪問性協(xié)議以及可與RDFa協(xié)議，微數(shù)據(jù)或JSON-LD標(biāo)記一起使用的結(jié)構(gòu)化數(shù)據(jù)，可以使網(wǎng)頁的內(nèi)容變得更加有意義。
