1.什麼是html語義化？

大概即為讓機器也讀懂網頁內容，是通過程式碼的不同標籤來實現，而不是通過css樣式的視覺化來實現

2.為什麼要做到語義化？

1.有利於搜尋引擎爬蟲更好的理解我們的網頁，從而獲取更多的有效資訊，提升網頁的權重。
2.在沒有CSS的時候能夠清晰的看出網頁的結構，增強可讀性。
3.便於團隊開發和維護，語義化的HTML可以讓開發者更容易的看明白，從而提高團隊的效率和協調能力。
4.支援多終端裝置的瀏覽器渲染。

3.寫語義化的網頁需要做到什麼？

1.儘量少使用無語義化的標籤如div，span等
2.在看到內容的時候，能夠想到相應的標籤來描述內容，例如在寫文章內容時，可以用div和p標籤，儘量選擇使用p標籤來描述
3.使用表格時，標題要用caption，表頭用thead，主體部分用tbody包圍，尾部用tfoot包圍。表頭和一般單元格要區分開，表頭用th，單元格用td；

4.常用的一些語義化標籤有哪些？

 - <h1>~<h6> ，作為標題使用，並且依據重要性遞減，<h1> 是最高的等級。
 - <p>段落標記，知道了 <p> 作為段落，你就不會再使用 <br /> 來換行了，而且不需要 <br /> 來區分段落與段落。<p>
   中的文字會自動換行，而且換行的效果優於 <br />。段落與段落之間的空隙也可以利用 CSS 來控制，很容易而且清晰的區分出段落與段落。
 - <ul>、<ol>、<li>，<ul> 無序列表，這個被大家廣泛的使用，<ol> 有序列表不常用。在 Web 標準化過程中，<ul>
   還被更多的用於導航條，本來導航條就是個列表，這樣做是完全正確的，而且當你的瀏覽器不支援 CSS
   的時候，導航連結仍然很好使，只是美觀方面差了一點而已。
 - <dl>、<dt>、<dd>，<dl>
   就是“定義列表”。比如說詞典裡面的詞的解釋、定義就可以用這種列表。dl不單獨使用，它通常與dt和dd一起使用。dl開啟一個定義列表，dt表示要定義的專案名稱，dd表示對dt的專案的描述。
 - <em>、<strong>，<em> 是用作強調，<strong> 是用作重點強調。
   <table>、<thead>、<tbody>、<td>、<th>、<caption>， 就是用來做表格不要用來佈局

 

5.html5新增的語義化標籤

1、header
<header> 標籤定義文件的頁首（介紹資訊）。
2、nav
<nav> 標籤定義導航連結的部分。
3、article
<article> 標籤定義外部的內容。
外部內容可以是來自一個外部的新聞提供者的一篇新的文章，或者來自 blog 的文字，或者是來自論壇的文字。亦或是來自其他外部源內容。
4、footer
<footer> 標籤定義文件或節的頁尾。
<footer> 元素應當含有其包含元素的資訊。
頁尾通常包含文件的作者、版權資訊、使用條款連結、聯絡資訊等等。
您可以在一個文件中使用多個 <footer> 元素。
5、aside
使用例子：頁面側邊欄、廣告、友情連結、文章引語（內容摘要）。
6、section
一個主題性的內容分組，通常包含一個頭部（header），可能還包含一個尾部（footer）。
div與section的比較：div應用更廣泛，只要你想為一個區域定義一個樣式，就可以使用div標籤，section包含的內容是一個更明確的主題，通常有標題區域。
7、main
顯示頁面的主體內容，每個頁面只能包含一個main標籤main標籤中不包含網站標題、logo、主導航、版權宣告等資訊。
8、figure
用於對元素進行組合
9、<figcaption> 標籤定義 figure 元素的標題，"figcaption" 元素應該被置於 "figure" 元素的第一個或最後一個子元素的位置。