二、標簽語義化
語義化的優點：方便開發人員理解以及有助于搜索引擎優化，方便設備解析
常見語義標簽
| 標簽 | 語義 |
|---|---|
<p> |
段落 |
<h1>~<h6> |
標題 |
<ul> |
無序列表 |
<ol> |
有序列表 |
<header> |
頁眉通常包括網站標志、主導航、全站鏈接以及搜索框 |
<main> |
頁面主要內容、一個頁面只能使用一次，如果是web應用則包含主要內容。不能是<article>、<aside>、<footer>、<header> 或 <nav>的后代。 |
<nav> |
標記導航，僅對文檔中重要的鏈接群使用 |
<article> |
定義外部內容，其中的內容獨立于文檔的文檔部分 |
<section> |
定義文檔中的節 |
<aside> |
定義所處內容之外的內容。如側欄、文章的一組鏈接、廣告、友情鏈接、相關產品列表等 |
<footer> |
頁腳，只有當父級為body時，才是整個頁面的頁腳 |
<small> |
呈現小號字體效果，指定細則，輸入免責聲明、注解、署名、版權 |
<strong> |
用于強調文本 |
<em> |
強調文本，表現為斜體。強調弱于<strong>
|
<mark> |
使用黃色突出顯示文本 |
<figure> |
規定獨立的流內容(圖像、圖表、照片、代碼等) |
<figcaption> |
定義<figure>的標題，應放置第一個或最后一個子元素的位置 |
cite |
用于包含文本對某個參考文獻的引用 |
<blockquoto> |
定義塊引用（額、很少見） |
<time> |
未知用途 待定 |
<abbr> |
簡稱或者縮寫 |
<dfn> |
定義術語元素 |
<address> |
作者、相關人士或組織的聯系信息（電子郵件地址、指向聯系信息頁的鏈接） |
<del> |
移除的內容 |
<ins> |
添加的內容 |
<code> |
標記代碼 |
<meter> |
定義已知范圍或分數值得標量測量。(IE不支持) |
未完待續.....
注：本篇原始文章來源于:
什么是HTML語義化標簽？常見HTML語義化標簽大全
如有侵權請聯系博主刪除
