什么是語義化？
簡單說來就是讓機器可以讀懂內容。
語義化的優點：
搜索引擎的爬蟲依賴于標記來確定上下文和各個關鍵字的權重，利于 SEO
去掉或樣式丟失的時候能讓頁面呈現清晰的結構。
使閱讀源代碼的人對網站更容易將網站分塊，便于閱讀維護理解。
PS:一般的爬蟲框架流程為----從互聯網海量頁面中先抓取一些高質量頁面，抽取其中所包含的url，將這些URL放入待抓取隊列中，爬蟲依次讀取該隊列中的url，通過DNS解析，將這些url轉化成對應網站的IP地址，網頁下載器則通過IP地址下載頁面所有內容。
html5語義化標簽
header元素
header 元素代表“網頁”或“section”的頁眉。
通常包含h1-h6元素或hgroup，作為整個頁面或者一個內容塊的標題。也可以包裹一節的目錄部分，一個搜索框，一個nav，或者任何相關logo。
整個頁面沒有限制header元素的個數，可以擁有多個，可以為每個內容塊增加一個header元素
<header>
<hgroup>
<h1>xxx</h1>
</hgroup>
<nav></nav>
</header>
footer元素
footer元素代表“網頁”或“section”的頁腳，通常含有該節的一些基本信息，譬如：作者，相關文檔鏈接，版權資料。如果footer元素包含了整個節，那么它們就代表附錄，索引，提拔，許可協議，標簽，類別等一些其他類似信息。
<footer>
Copyright ? 2017 ...
</footer>
nav元素
nav元素代表頁面的導航鏈接區域，用在整個頁面主要導航部分上，不合適就不要用nav元素
<nav>
<ul>
<li>首頁</li>
<li>xxx</li>
...
</ul>
</nav>
section元素
section元素代表文檔中的“節”或“段”，“段”可以是指一篇文章里按照主題的分段；“節”可以是指一個頁面里的分組。
<section>
<h1>section是啥？</h1>
<article>
<h2>關于section</h1>
<p>section的介紹</p>
<section>
<h3>關于其他</h3>
<p>關于其他section的介紹</p>
</section>
</article>
</section>
article元素
article代表一個在文檔，頁面或者網站中自成一體的內容，其目的是為了讓開發者獨立開發或重用。譬如論壇的帖子，博客上的文章，一篇用戶的評論，一個互動的widget小工具。并不是說只有是文章內容才能使用，而是說只要是自成一體的內容就可以用這個標簽（特殊的section）
<article>
<h1>一篇文章</h1>
<p>文章內容..</p>
<footer>
<p><small>版權：html5jscss網所屬，作者：小北</small></p>
</footer>
</article>
aside元素
aside元素被包含在article元素中作為主要內容的附屬信息部分，其中的內容可以是與當前文章有關的相關資料、標簽、名次解釋等。（特殊的section）
<article>
<p>內容</p>
<aside>
<h1>作者簡介</h1>
<p>小北，前端一枚</p>
</aside>
</article>
使用注意：
- 自身獨立的情況下：用article——是一個獨立的內容
- 是相關內容：用section----它是一個部分，可以是一個大部分，也可以是一個小部分
- 沒有語義的：用div
參考地址：
