淺談HTML語義化
前兩天作項目時，作頭部導航和側導航的時候，採用的div，頭部導航使用div的float：left，的確很方便，又比採用ul>li減小了li的list-style:none，可是在頭部導航的佈局上就比較麻煩了，在苦思中想到了HTML語義化，處處查找資料和結合本身的實踐，接下來就淺談HTML的語義化。
html
什麼是HTML的語義化？HTML的語義化是指使用合理HTML標記以及其特有的屬性去格式化文檔內容。通俗地講，語義化就是對數據和信息進行處理，使得機器更加容易理解。
框架
語義化的HTML文檔有助於提高你的網站對訪客的易用性。對於搜索引擎來講，則有助於他們創建索引，並可能給予一個較高的權值。
佈局
事實上SEO最有效的一種辦法，就是對網頁的HTNL結構進行重構，實質上就是HTML的語義化。
字體
注：HTML標籤對大小寫不敏感，可是推薦小寫！
網站
各類經常使用標籤的含義
搜索引擎
基本
spa
<html>…</html> HTML文檔
orm
<head>…</head> 文檔的信息
htm
<meta/> HTML 文檔的元信息
索引
<title>…</title> 文檔的標題
<link> 文檔與外部資源的關係
<style>…</style> 文檔的樣式信息
<body>…</body> 可見的頁面內容
<!—…—> 註釋
文本
<h1>…</h1> 標題字大小（h1~h6）
<b>…</b> 粗體字
<strong>…</strong> 粗體字（強調）
<i>…</i> 斜體字
<em>…</em> 斜體字（強調）
<u>…</u> 下劃線
<center>…</center> 居中文本
<ul>…</ul> 無序列表
<ol>…</ol> 有序列表
<li>…</li> 列表項目
<a>…</a> 超連接（錨）
<font> 文本字體、大小、顏色
<br/> 換行
<del>...</del> 文檔中已刪除的文本
<p> 段落
<hr/> 水平線
<img src=""> 圖像
表格
<table>…</table> 表格
<tr>…</tr> 表格中的行
<th>…</th> 表頭
<td>…</td> 表格中的單元
其餘
<form>…</form> 供用戶輸入的HTML表單
<frame> 框架
語義化標籤要注意的一些問題
爲了保證網頁去掉樣式後可讀性依然好，而且又符合Web標準，咱們應該注意如下幾點：
儘量少的使用無語義標籤，如span，div；
在語義不明顯，既能夠用p，又能夠用div的地方，儘可能用p，由於p默認狀況下有上下間距，去掉樣式後的可讀性更好，對兼容特殊終端有利；
不要使用純樣式標籤，例如b,font和u等，改用CSS設置。語義上須要強調的文本能夠包含在strong或em裏，這兩個標籤有"強調"的語義，其中前者是默認加粗，後者是斜體。
-
每一个你不满意的现在，都有一个你没有努力的曾经。