定義萬維網的核心語言、標準通用標記語言下的一個應用超文本標記語言(HTML)的第五次重大修改為什麼要有語義化標簽方便開發者閱讀,寫出更優雅的代碼,讓瀏覽器很好的解析,從而更好的解析網頁內容,更好的搜索引擎優化H5 新增標簽 定義萬維網的核心語言、標準通用標記語言下的一個應用超文本標記語言(HTML) ...
定義
萬維網的核心語言、標準通用標記語言下的一個應用超文本標記語言(HTML)的第五次重大修改
為什麼要有語義化標簽
方便開發者閱讀,寫出更優雅的代碼,讓瀏覽器很好的解析,從而更好的解析網頁內容,更好的搜索引擎優化
H5 新增標簽
- 定義文檔頭部區域,一般用在板塊頭部
<header></header>
- 定義文檔中的一塊區域,替代div佈局
<section></ section >
- 定義導航欄
<nav></nav>
- 標簽定義外部的內容。外部內容可以是來自一個外部的新聞提供者的一篇新的文章,或者是來自論壇的文本。
<article></article>
- 定義一塊獨立的內容(圖像,圖標,代碼等等)通常用來展示圖片及其描述
<figure></figure>
<figure> <figcaption></figcaption> <!--用來定義figure的標題,放在figure的子元素第一個或者最後一個--> <img src=””/> </figure>
6.定義側邊欄、廣告、nav元素組,以及其他類似的內容部分.aside 的內容應該與 article 的內容相關.一般與正文無關的。<aside></aside>
7.定義文檔底部區域內容,一般以footer結尾<footer></footer>
8.定義註釋<ruby></ruby>
例:`<ruby>一<rt>yi</rt></ruby>`
9.定義帶有記號的文本,用於凸顯<mark></mark>
10.定義已知範圍或分數值內的標量測量<meter></meter>
<meter min=”0” max=”10” value=”3” low=”5” optimum=”9” high=”9” ></meter>
11.標簽顯示任務的進度或者進程一般結合js使用當不給定值時為一種載入的狀態,在谷歌裡面是一直滾動的狀態,火狐裡面是一種閃光的狀態。支持寬高設置,但背景顏色需要結合js<progress></progress>
12.用於描述文檔細節部分,類似於定義列表<details></ details >
<details> <summary>標題</summary> <p>對標題的描述</p> </details>