html5中語義化標簽有什么用-創(chuàng)新互聯(lián)

這篇文章主要介紹了html5中語義化標簽有什么用，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)始終堅持【策劃先行，效果至上】的經(jīng)營理念，通過多達10多年累計超上千家客戶的網(wǎng)站建設(shè)總結(jié)了一套系統(tǒng)有效的網(wǎng)絡(luò)營銷推廣解決方案，現(xiàn)已廣泛運用于各行各業(yè)的客戶，其中包括：成都木托盤等企業(yè)，備受客戶表揚。H5新標簽----語義化標簽

區(qū)別：1.默認樣式不一樣

2.有SEO優(yōu)化作用

1、header，一般作為網(wǎng)頁的頭部使用

2、aside，側(cè)邊欄

3、nav，導航欄

4、address，地址，字體樣式默認傾斜

<address> 標簽定義文檔或文章的作者/擁有者的聯(lián)系信息。

如果 <address> 元素位于 <body> 元素內(nèi)，則它表示文檔聯(lián)系信息。

如果 <address> 元素位于 <article> 元素內(nèi)，則它表示文章的聯(lián)系信息。

5、section，代表某一個區(qū)域，分區(qū)，頁面或者文檔的一部分區(qū)域，有獨立的內(nèi)容，但結(jié)構(gòu)相近，就可以用section，范圍比p大，語義比p更強，可以包含header、h2-h7……凸顯語義的標簽

6、article，獨立的內(nèi)，可以是文章、blog、帖子、短文或者回復(fù)、評論

7、footer，網(wǎng)站的底部

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

9、<details open>

</details>

細節(jié)、詳情

open屬性：默認展開

summary相當于詳情的標題

10、<dialog open></dialog>對話框，不寫open不顯示

11、<figure>圖像區(qū)域：可以包含多個圖片或者一個figcaption，figcation用來表示圖片標題

<figcaption></figcaption>圖像的標題：一般寫在figure內(nèi)

<p></p>圖像的內(nèi)容

</figure>

12、mark和time

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

13.meter，定義已知范圍或分數(shù)值內(nèi)的標量測量，IE不支持

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

15、ruby，給一個解釋

16、三種引用

cite：行元素，字體傾斜

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

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

17、兩種格式化代碼

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

pre，我們怎么寫的就能怎么顯示

感謝你能夠認真閱讀完這篇文章，希望小編分享的“html5中語義化標簽有什么用”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)建站，關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!

當前標題：html5中語義化標簽有什么用-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://muchs.cn/article30/eegpo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、電子商務(wù)、ChatGPT、網(wǎng)站建設(shè)、云服務(wù)器、網(wǎng)站策劃

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容