H5 語意化標籤介紹

H5新標籤----語意化標籤

差別：1.預設樣式不一樣

2.有SEO最佳化作用

1、header，一般作為網頁的頭使用

2、aside，側邊欄

3、nav，導覽列

4 、address，地址，字體樣式預設傾斜

標籤定義文件或文章的作者/擁有者的聯絡資訊。

如果

元素位於 元素內，則它表示文件聯絡資訊。

如果

元素位於

元素內，則它表示文章的聯絡資訊。

5、section，代表某一個區域，分區，頁面或文件的一部分區域，有獨立的內容，但結構相近，就可以用section，範圍比p大，語意比p更強，可以包含h​​eader、h1-h6…凸顯語意的標籤

6、article，獨立的內，可以是文章、blog、貼文、短文或回覆、留言

7、 footer，網站的底部

8、hgroup，專門用來包含標題h標籤的分組

9、

summary>

細節、詳情

open屬性：預設展開

summary相當於詳情的標題

10、

對話框，不寫open不顯示

11、

圖片區域：可以包含多個圖片或一個figcaption，figcation用來表示圖片標題

圖像的標題：一般寫在figure內

圖像的內容

< ;/figure>

12、mark和time

mark，有特殊效果，突出顯示部分文本，背景預設黃色；time，沒有特殊效果。是給瀏覽器看的，僅供瀏覽器抓取資訊抓的更準確。

13.meter，定義已知範圍或分數值內的標量測量，IE不支援

14、progress，運行中或下載的進度

##15、ruby ，給一個解釋

16、三個引用

cite：行元素，字體傾斜

blockquote：塊元素，預設上下一個字的間距，左右40px的margin

q：區塊元素，引號的引入

17、兩種格式化程式碼

code，把換行和空格給格式化顯示

pre，怎麼寫的就能怎麼顯示

以上是H5 語意化標籤介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！