您好,登錄后才能下訂單哦!
這篇文章主要介紹了html5中語義化標簽有什么用,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
區別:1.默認樣式不一樣
2.有SEO優化作用
1、header,一般作為網頁的頭部使用
2、aside,側邊欄
3、nav,導航欄
4、address,地址,字體樣式默認傾斜
<address> 標簽定義文檔或文章的作者/擁有者的聯系信息。
如果 <address> 元素位于 <body> 元素內,則它表示文檔聯系信息。
如果 <address> 元素位于 <article> 元素內,則它表示文章的聯系信息。
5、section,代表某一個區域,分區,頁面或者文檔的一部分區域,有獨立的內容,但結構相近,就可以用section,范圍比p大,語義比p更強,可以包含header、h2-h7……凸顯語義的標簽
6、article,獨立的內,可以是文章、blog、帖子、短文或者回復、評論
7、footer,網站的底部
8、hgroup,專門用來包含標題h標簽的分組
9、<details open>
<summary></summary>
</details>
細節、詳情
open屬性:默認展開
summary相當于詳情的標題
10、<dialog open></dialog>對話框,不寫open不顯示
11、<figure>圖像區域:可以包含多個圖片或者一個figcaption,figcation用來表示圖片標題
<figcaption></figcaption>圖像的標題:一般寫在figure內
<p></p>圖像的內容
</figure>
12、mark和time
mark,有特殊效果,突出顯示部分文本,背景默認黃色;time,沒有特殊效果。是給瀏覽器看的,僅供瀏覽器抓取信息抓的更準確。
13.meter,定義已知范圍或分數值內的標量測量,IE不支持
14、progress,運行中或下載的進度
15、ruby,給一個解釋
16、三種引用
cite:行元素,字體傾斜
blockquote:塊元素,默認上下一個字的間距,左右40px的margin
q:塊元素,帶引號的引入
17、兩種格式化代碼
code,把換行和空格給格式化顯示
pre,我們怎么寫的就能怎么顯示
感謝你能夠認真閱讀完這篇文章,希望小編分享的“html5中語義化標簽有什么用”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。