一、布局的理解誤區
網路上流行管新型的布局方式叫「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之語義化標籤
語義化的標籤，旨在讓標籤有自己的含義。語義元素清楚地向瀏覽器和開發者描述其意義。定義塊引用，塊引用擁有它們自己的空間。短的引述 跨瀏覽器問題，盡量避免使用 datetime 屬性遵循特定格式，如果忽略此屬性，文字內容必須是合法的日期或者時間格式。簡稱或縮寫。定義術語元素，與定義必須緊挨著，可以在描述...
html語義化標籤 HTML語義化
html語義化的發展分成三個階段 原始階段 這個階段寫html標籤的主要是最早的全棧開發人員，由於對頁面的美化需求還處在最基本的層面，因此大多使用標籤，這樣的缺點也很明顯，後期維護人員很難從眾多的標籤中找到自己需要的內容。美工階段 對頁面美化需求的提公升，催生了這一階段的 美工 人員，對標籤的使用也...
HTML語義化標籤
什麼是html的語義化標籤？在前端開發的過程當中，通常會使用h1 h6作為標題，使用ul li作為列表等等，通過這些標籤我們可以知道其語義，但除了語義之外，還存在其他的作用。那麼語義化標籤有什麼作用呢?第一，增強 的可讀性，也就是語義化，便於團隊的開發和維護。第二，有利於seo，seo依賴於語義化標...