一、布局的理解誤區
網路上流行管新型的布局方式叫「div+css」，其實是乙個錯誤的理解，導致了很多人過度依賴 與濫用div標籤， html提供了我們一共七八十個標籤，其中常用的有三十個左右，div不過是乙個相對的空標籤而已，在很多情況下，我們可以使用其他更合適且更簡潔的標籤 可以替代它。
二、標籤的差異
共性：都是乙個容器，可以在其中放置內容
三、標籤語義化的好處
a、讓結構更簡潔，讓搜尋引擎
更友好b、通過多重組合，減少不必要的css命名
四、語義化標籤的使用
a、列表：ul、ol、li、dl、dt、dd
c、段落：p
d、強調：strong
e、**：table、tr、td，以及**的其他成員th、thead、tbody、tfood
附錄：常用html標籤表
紅色：結構標籤 黑色：行內元素 藍色：塊級元素 綠色：**元素 灰色：其他標籤
定義注釋。
定義文件的主體，預設有外邊距，注意清除。
定義頁面的資訊。
定義 html 文件。
定義頁面的描述資訊，便於搜尋優化。
定義文件
的標題。
定義引用外部檔案，如聯入css樣式表。
定義內聯的css樣式資訊。
定義內聯或外聯的客戶端
指令碼，如js。
定義錨鏈結或其他鏈結，行內元素。
定義引入一張，行內元素。
定義強調文字，樣式為加粗，行內元素。
定義乙個行內元素的空盒子。
定義乙個塊級元素的空盒子。
to 定義標題部分，預設有外邊距，塊級元素。
定義無序列表，預設有外邊距和內邊距，塊級元素。
定義有序列表，即數字列表，預設有內外邊距，塊級元素。
定義列表的專案，一般被巢狀在和內，塊級元素。
自定義列表的專案，預設有外邊距和內邊距，塊級元素。
自定義列表的標題，巢狀在內，與區別，塊級元素。
自定義列表的內容，巢狀在內，與區別，塊級元素。
定義段落，預設有乙個行高的外邊距。
定義**。
定義**中的行。
定義**中的單元。
定義**中的表頭單元格。
定義**中的表頭內容。
定義**中的主體內容。
定義**中的表注內容（腳注）。
定義乙個回車換行。
定義影象對映，即滑鼠熱區。
定義影象對映內部的區域。
定義輸入提交的表單。
定義表單中的按鈕 (push button)。
定義表單中的輸入控制項。
定義表單中的選擇列表（下拉列表）。
定義框架集的視窗或框架。
HTML語意標籤
1 為什麼要語義化？2.寫html 時應注意什麼？3 html5新增的語義標籤 常用布局語義標籤 定義注釋。定義文件型別。定義超連結。定義縮寫。html 5 中不支援。定義首字母縮寫。定義位址元素。定義影象對映中的區域。定義 article。定義頁面內容之外的內容。定義聲音內容。定義粗體文字。定義頁...
html語義化標籤 HTML語義化
html語義化的發展分成三個階段 原始階段 這個階段寫html標籤的主要是最早的全棧開發人員，由於對頁面的美化需求還處在最基本的層面，因此大多使用標籤，這樣的缺點也很明顯，後期維護人員很難從眾多的標籤中找到自己需要的內容。美工階段 對頁面美化需求的提公升，催生了這一階段的 美工 人員，對標籤的使用也...
HTML語義化標籤
什麼是html的語義化標籤？在前端開發的過程當中，通常會使用h1 h6作為標題，使用ul li作為列表等等，通過這些標籤我們可以知道其語義，但除了語義之外，還存在其他的作用。那麼語義化標籤有什麼作用呢?第一，增強 的可讀性，也就是語義化，便於團隊的開發和維護。第二，有利於seo，seo依賴於語義化標...