目錄
一、什麼是HTML語義化？
簡單來講就是：每個標簽做自己的事，使得能夠被機器直接讀懂。
二、為什麼要語義化？
1、更容易被搜索引擎收錄。
2、方便其他類型設備解析（如：屏幕閱讀器等）
3、便於團隊開發和維護。
三、常用標簽的語義
標簽 含義 備注 <title> 網頁標題 用於告訴用戶和搜索引擎，這個網頁的主要內容是什麼。搜索引擎可以通過網頁標題，迅速判斷出網頁的主題。 <p> 文章的段落 默認樣式中，段前段後都會有空白。 <h1>~<h6> 文章的標題 h1最重要，通常用在網站的名稱上。這些標簽都會使字體變粗變大，不能單純的為了實現這個效果而亂用h標簽。 <em> / <strong> 強調文章中某些文字 這兩個標簽都是用來表示強調，不過<strong>更強烈些。<em>會顯示斜體效果，<strong>會顯示加粗效果。 <span> 沒有語義 它的作用是為了設置單獨的樣式。 <q> 引用別人的較短內容 如果需要在文章中引用他人的語句，用這個標簽。浏覽器默認會對q標簽自動添加雙引號。適用於較短的內容。 <blockquote> 引用別人的大段內容 也是引用別人的內容，和<q>標簽不同的是，這個適用於引用大段內容的情況。 <br /> 換行 在html中，是忽略回車和換行的。 <hr /> 水平橫線 用於分割不同的段落。 <address> 網站的聯系地址信息 默認樣式顯示為斜體。 <code> 單行代碼 <pre> 預格式化的文本 pre標簽中的內容會保留回車和換行。通常用來顯示多行代碼。 <ul><li> 列表 不含前後順序的列表。 <ol><li> 有序列表 有序列表 <div> 容器 用來為網頁劃分獨立的區域。可以搭配id、class屬性，使html結構更清晰。 <table> 表格用來在網頁中展現一些數據。包含元素有：tbody、tr、th、td
<tbody>: 當表格內容很多時，表格會下載一點顯示一點；如果加上tbody，只有等表格全部下載完後，才會顯示。
<tr>：表格的一行
<th>: 表格的表頭，默認為粗體，並且居中顯示。
<td>：表格的一個單元格
<caption> 表格的摘要信息 摘要信息是不會顯示在浏覽器中的。它的作用是增加表格可讀性，使搜索引擎更好的讀懂表格內容。 <a> 超鏈接 <img> 圖片幾個主要的屬性：src、alt、title
src：標識圖像的位置
alt：當圖片下載失敗時，替代的文字
title：鼠標滑過圖片時顯示的文字