語義化
看着標簽就知道內容描述的是什么
優點：有利於爬蟲或者其他設備閱讀屏幕
有利於代碼結構組織
常見的：
section元素，表示頁面中的一個內容區塊。
article元素，表示頁面中的一塊與上下文不相關的獨立內容。
aside元素，表示article元素的內容之外的，與article元素的內容相關的輔助信息。
header元素，表示頁面中一個內容區塊或整個頁面的標題。
hgroup元素，用於對整個頁面或頁面中一個內容區塊的標題進行組合。
footer元素，表示整個頁面或頁面中一個內容區塊的腳注。
nav元素，表示頁面中導航鏈接的部分。
figure元素，表示一段獨立的流內容，一般表示文檔主體流內容中的一個獨立單元。
video元素，定義視頻。
audio元素，定義音頻。
元素標簽區分
塊級元素
獨占一行，可以設置寬高，可以設置內外邊距
div，h1-hn,p,ul,ol,dl,form,table
內聯元素
排成一排，不可以設置寬高，上下內外邊距（左右內外邊距可以設置），寬度由內容撐開
a,span,strong,i,sup,sub，label(input元素定義標注)
行內塊
兩者特性都有,可以設置寬高，內外邊距，共處一行
img,input
可替換元素
可以被替換的元素
如img,用獲取到的圖片替換img標簽，寬高由內容決定，也可以用css控制寬高，位置。
MDN釋義
可替換元素（replaced element）的展現效果不是由 CSS 來控制的。這些元素是一種外部對象，它們外觀的渲染，是獨立於 CSS 的。 簡單來說，它們的內容不受當前文檔的樣式的影響。CSS 可以影響可替換元素的位置，但不會影響到可替換元素自身的內容。一樣被替換。但是其他形式的控制元素，包括其他類型的 <input> 元素，被明確地列為非可替換元素（non-replaced elements）。
典型的可替換元素有：
<iframe>
<video>
<embed>
<img>
有些元素僅在特定情況下被作為可替換元素處理，例如：
<option>
<audio>
<canvas>
<object>
<applet>
HTML 規范也說了<input> 元素可替換，因為 "image" 類型的 <input> 元素就像<img>一樣被替換。但是其他形式的控制元素，包括其他類型的 <input> 元素，被明確地列為非可替換元素（non-replaced elements）。
meta:元信息
是HTML 語言頭部的一個輔助性標簽，常用於定義頁面的說明，關鍵字，最后修改日期，頁面編碼語言，索引擎優化，自動刷新並指向新的頁面，控制頁面緩沖，響應式視窗等以及其它的元數據。
其他注意的
img
alt:用於圖片由於網速緩慢或者其他錯誤導致圖片無法顯示，則會顯示alt里的文字
title:當鼠標移動到圖片上時會自動顯示title里面的文字
a
herf（規定了頁面的路徑）
-
要跳轉的頁面地址
-
是能跳轉到其他文件的。
-
對於zip這類文件執行的是下載。對於txt,pdf,執行的是預覽。
-
能跳轉到絕對頁面地址。例：< a herf="http:baidu.com">< /a>
-
可以是Email地址。例：< a herf="email>請給我發送郵件< /a> to:"2603666984@qq.com"
-
可以是電話:< a herf="tel:18337921839">聯系我們< /a>
target：(規定在什么地方打開連接)
-
_blank（在新窗口打開頁面）
-
_self 這個是默認的（在當前窗口打開頁面）
-
_parent(在父框架打開超鏈接)
-
_top(在整個窗口中打開頁面)
title 鼠標懸停到元素的時候提示的文本
-
空鏈接(不做跳轉)，例：
-
<a herf="#">空鏈接</a>（雖然不做跳轉但可以回到頂部） -
<a herf ="javascript:0"<空鏈接</a>（點擊既不會跳轉也不會回到頂部） -
錨點鏈接，例：<a herf ="# +id">錨點鏈接</a> -