首頁 > web前端 > H5教程 > H5 語意化標籤介紹

H5 語意化標籤介紹

一个新手
發布: 2017-10-14 09:29:43
原創
2353 人瀏覽過

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、

細節、詳情

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板