什么是語(yǔ)義化？
簡(jiǎn)單說(shuō)來(lái)就是讓機(jī)器可以讀懂內(nèi)容根资。
語(yǔ)義化的優(yōu)點(diǎn)：
搜索引擎的爬蟲(chóng)依賴于標(biāo)記來(lái)確定上下文和各個(gè)關(guān)鍵字的權(quán)重，利于 SEO
去掉或樣式丟失的時(shí)候能讓頁(yè)面呈現(xiàn)清晰的結(jié)構(gòu)。
使閱讀源代碼的人對(duì)網(wǎng)站更容易將網(wǎng)站分塊热幔，便于閱讀維護(hù)理解。
PS:一般的爬蟲(chóng)框架流程為----從互聯(lián)網(wǎng)海量頁(yè)面中先抓取一些高質(zhì)量頁(yè)面讼庇，抽取其中所包含的url绎巨，將這些URL放入待抓取隊(duì)列中，爬蟲(chóng)依次讀取該隊(duì)列中的url蠕啄，通過(guò)DNS解析场勤，將這些url轉(zhuǎn)化成對(duì)應(yīng)網(wǎng)站的IP地址，網(wǎng)頁(yè)下載器則通過(guò)IP地址下載頁(yè)面所有內(nèi)容歼跟。
html5語(yǔ)義化標(biāo)簽
header元素
header 元素代表“網(wǎng)頁(yè)”或“section”的頁(yè)眉和媳。
通常包含h1-h6元素或hgroup，作為整個(gè)頁(yè)面或者一個(gè)內(nèi)容塊的標(biāo)題哈街。也可以包裹一節(jié)的目錄部分留瞳，一個(gè)搜索框，一個(gè)nav骚秦，或者任何相關(guān)logo她倘。
整個(gè)頁(yè)面沒(méi)有限制header元素的個(gè)數(shù)，可以擁有多個(gè)作箍，可以為每個(gè)內(nèi)容塊增加一個(gè)header元素
<header>
<hgroup>
<h1>xxx</h1>
</hgroup>
<nav></nav>
</header>
footer元素
footer元素代表“網(wǎng)頁(yè)”或“section”的頁(yè)腳硬梁，通常含有該節(jié)的一些基本信息，譬如：作者胞得，相關(guān)文檔鏈接荧止，版權(quán)資料。如果footer元素包含了整個(gè)節(jié)懒震，那么它們就代表附錄罩息，索引，提拔个扰，許可協(xié)議瓷炮，標(biāo)簽，類別等一些其他類似信息递宅。
<footer>
Copyright ? 2017 ...
</footer>
nav元素
nav元素代表頁(yè)面的導(dǎo)航鏈接區(qū)域娘香，用在整個(gè)頁(yè)面主要導(dǎo)航部分上苍狰，不合適就不要用nav元素
<nav>
<ul>
<li>首頁(yè)</li>
<li>xxx</li>
...
</ul>
</nav>
section元素
section元素代表文檔中的“節(jié)”或“段”，“段”可以是指一篇文章里按照主題的分段烘绽；“節(jié)”可以是指一個(gè)頁(yè)面里的分組淋昭。
<section>
<h1>section是啥？</h1>
<article>
<h2>關(guān)于section</h1>
<p>section的介紹</p>
<section>
<h3>關(guān)于其他</h3>
<p>關(guān)于其他section的介紹</p>
</section>
</article>
</section>
article元素
article代表一個(gè)在文檔安接，頁(yè)面或者網(wǎng)站中自成一體的內(nèi)容翔忽，其目的是為了讓開(kāi)發(fā)者獨(dú)立開(kāi)發(fā)或重用。譬如論壇的帖子盏檐，博客上的文章歇式，一篇用戶的評(píng)論，一個(gè)互動(dòng)的widget小工具胡野。并不是說(shuō)只有是文章內(nèi)容才能使用材失，而是說(shuō)只要是自成一體的內(nèi)容就可以用這個(gè)標(biāo)簽（特殊的section）
<article>
<h1>一篇文章</h1>
<p>文章內(nèi)容..</p>
<footer>
<p><small>版權(quán)：html5jscss網(wǎng)所屬，作者：小北</small></p>
</footer>
</article>
aside元素
aside元素被包含在article元素中作為主要內(nèi)容的附屬信息部分硫豆，其中的內(nèi)容可以是與當(dāng)前文章有關(guān)的相關(guān)資料龙巨、標(biāo)簽、名次解釋等熊响。（特殊的section）
<article>
<p>內(nèi)容</p>
<aside>
<h1>作者簡(jiǎn)介</h1>
<p>小北旨别，前端一枚</p>
</aside>
</article>
使用注意：
- 自身獨(dú)立的情況下：用article——是一個(gè)獨(dú)立的內(nèi)容
- 是相關(guān)內(nèi)容：用section----它是一個(gè)部分，可以是一個(gè)大部分耘眨，也可以是一個(gè)小部分
- 沒(méi)有語(yǔ)義的：用div
參考地址：
