html5的語義化標(biāo)簽有哪些

1.header：標(biāo)簽定義“網(wǎng)頁”或“section”的頁眉。

通道ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18980820575（備注：SSL證書合作）期待與您的合作！

通常包含h1-h6元素或hgroup，作為整個(gè)頁面或者一個(gè)內(nèi)容塊的標(biāo)題。也可以包裹一節(jié)的目錄部分，一個(gè)搜索框，一個(gè)nav，或者任何相關(guān)logo。

2.nav：定義導(dǎo)航鏈接的部分。

3.footer標(biāo)簽：代表“網(wǎng)頁”或“section”的頁腳。

通常含有該節(jié)的一些基本信息，譬如：作者，相關(guān)文檔鏈接，版權(quán)資料。

如果footer元素包含了整個(gè)節(jié)，那么它們就代表附錄，索引，提拔，許可協(xié)議，標(biāo)簽，類別等一些其他類似信息。

4. hgroup元素：“網(wǎng)頁”或“section”的標(biāo)題

當(dāng)元素有多個(gè)層級(jí)時(shí)，該元素可以將h1到h6元素放在其內(nèi)，譬如文章的主標(biāo)題和副標(biāo)題的組合

5.section標(biāo)簽：定義文檔中含有標(biāo)題和段落的區(qū)域。（強(qiáng)調(diào)分段或分塊）

6.article：代表獨(dú)立、完整、可獨(dú)自被外部引用的內(nèi)容（博客或報(bào)刊中的文章、一遍論壇帖子、一段用戶評論或獨(dú)立的插件、或任何獨(dú)立的內(nèi)容）;（強(qiáng)調(diào)的是獨(dú)立性！可含有完整的標(biāo)題、內(nèi)容、腳注)

7. aside標(biāo)簽：表示當(dāng)前頁面或文章的附屬信息部分，可包含于當(dāng)前頁面或主要內(nèi)容相關(guān)的引用、側(cè)邊欄、廣告、導(dǎo)航條、以及其他類似的有別于主要內(nèi)容的部分。

8. figure標(biāo)簽：規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片、代碼等等）。

figcaption標(biāo)簽：用于元素定義figure的標(biāo)題。

1）.一個(gè)figure元素內(nèi)最多只允許放置一個(gè)figcaption元素，其他元素可無限放置。

2）.figcaption 元素應(yīng)該被置于 figure元素的第一個(gè)或最后一個(gè)子元素的位置。

9. time標(biāo)簽：定義時(shí)間或日期

10. address標(biāo)簽：代表區(qū)塊容器，必須是作為聯(lián)系信息出現(xiàn)，郵編地址、郵件地址等等,一般出現(xiàn)在footer。

html5的語義化標(biāo)簽有哪些及其作用?

header

header元素描述了文檔的頭部區(qū)域

nav

標(biāo)簽定義導(dǎo)航鏈接的部分。

section

section?標(biāo)簽定義文檔中的節(jié)（section、區(qū)段）。比如章節(jié)、頁眉、頁腳或文檔中的其他部分。

article

article?標(biāo)簽定義獨(dú)立的內(nèi)容。

aside

aside?標(biāo)簽定義頁面主區(qū)域內(nèi)容之外的內(nèi)容（比如側(cè)邊欄）。

figcaption

figcaption?標(biāo)簽定義?figure?元素的標(biāo)題.

figcaption元素應(yīng)該被置于?"figure"?元素的第一個(gè)或最后一個(gè)子元素的位置。

figure

figure標(biāo)簽規(guī)定獨(dú)立的流內(nèi)容（圖像、圖表、照片、代碼等等）。

footer

footer?元素描述了文檔的底部區(qū)域.

html5的語義化標(biāo)簽有哪些及其作用

article標(biāo)簽定義外部的內(nèi)容。比如來自一個(gè)外部的新聞提供者的一篇新的文章，或者來自 blog 的文本，或者是來自論壇的文本。亦或是來自其他外部源內(nèi)容。

HTML5:article/article

HTML4:div/div

aside標(biāo)簽定義 article 以外的內(nèi)容。aside 的內(nèi)容應(yīng)該與 article 的內(nèi)容相關(guān)。

HTML5:asideAside 的內(nèi)容是獨(dú)立的內(nèi)容，但應(yīng)與文檔內(nèi)容相關(guān)。/aside

HTML4:divAside 的內(nèi)容是獨(dú)立的內(nèi)容，但應(yīng)與文檔內(nèi)容相關(guān)。/div

audio 標(biāo)簽定義聲音，比如音樂或其他音頻流。

HTML5:audio src="someaudio.wav"您的瀏覽器不支持 audio 標(biāo)簽。/audio

HTML4:object type="application/ogg" data="someaudio.wav"param name="src" value="someaudio.wav"/object

canvas 標(biāo)簽定義圖形，比如圖表和其他圖像。這個(gè) HTML 元素是為了客戶端矢量圖形而設(shè)計(jì)的。它自己沒有行為，但卻把一個(gè)繪圖 API 展現(xiàn)給客戶端 JavaScript 以使腳本能夠把想繪制的東西都繪制到一塊畫布上。

HTML5:canvas id="myCanvas" width="200" height="200"/canvas

HTML4:object data="inc/hdr.svg" type="image/svg+xml" width="200" height="200"/object

command 標(biāo)簽定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕。

HTML5: command onclick=cut()" label="cut"

HTML4: none

datalist 標(biāo)簽定義可選數(shù)據(jù)的列表。與 input 元素配合使用，就可以制作出輸入值的下拉列表。

HTML5: datalist/datalist

HTML4: see combobox.

details 標(biāo)簽定義元素的細(xì)節(jié)，用戶可進(jìn)行查看，或通過點(diǎn)擊進(jìn)行隱藏。與 legend 一起使用，來制作 detail 的標(biāo)題。該標(biāo)題對用戶是可見的，當(dāng)在其上點(diǎn)擊時(shí)可打開或關(guān)閉 detail。

HTML5: details/details

HTML4: dl style="display:hidden"/dl

embed 標(biāo)簽定義嵌入的內(nèi)容，比如插件。

HTML5: embed src="horse.wav" /

HTML4: object data="flash.swf" type="application/x-shockwave-flash"/object

figcaption 標(biāo)簽定義 figure 元素的標(biāo)題。”figcaption” 元素應(yīng)該被置于 “figure” 元素的第一個(gè)或最后一個(gè)子元素的位置。

HTML5: figurefigcaptionPRC/figcaption/figure

HTML4: none

figure 標(biāo)簽用于對元素進(jìn)行組合。使用 figcaption 元素為元素組添加標(biāo)題。

HTML5: figurefigcaptionPRC/figcaptionpThe

People's Republic of China was born in 1949.../p/figure

HTML4: dlh1PRC/h1pThe People's Republic of China was born in 1949.../p/dl

footer 標(biāo)簽定義 section 或 document 的頁腳。典型地，它會(huì)包含創(chuàng)作者的姓名、文檔的創(chuàng)作日期以及/或者聯(lián)系信息。

HTML5: footer/footer

HTML4: div/div

header 標(biāo)簽定義 section 或 document 的頁眉。

HTML5: header/header

HTML4: div/div

hgroup 標(biāo)簽用于對網(wǎng)頁或區(qū)段（section）的標(biāo)題進(jìn)行組合。

HTML5: hgroup/hgroup

HTML4: div/div

keygen 標(biāo)簽定義生成密鑰。

HTML5: keygen

HTML4: none

mark主要用來在視覺上向用戶呈現(xiàn)那些需要突出的文字。mark標(biāo)簽的一個(gè)比較典型的應(yīng)用就是在搜索結(jié)果中向用戶高亮顯示搜索關(guān)鍵詞。

HTML5: mark/mark

HTML4: span/span

meter 標(biāo)簽定義度量衡。僅用于已知最大和最小值的度量。必須定義度量的范圍，既可以在元素的文本中，也可以在 min/max 屬性中定義。

HTML5: meter/meter

HTML4: none

nav 標(biāo)簽定義導(dǎo)航鏈接的部分。

HTML5: nav/nav

HTML4:ul/ul

output 標(biāo)簽定義不同類型的輸出，比如腳本的輸出。

HTML5: output/output

HTML4: span/span

progress 標(biāo)簽運(yùn)行中的進(jìn)程?？梢允褂?progress 標(biāo)簽來顯示 JavaScript 中耗費(fèi)時(shí)間的函數(shù)的進(jìn)程。

HTML5: progress/progress

HTML4: none

rp 標(biāo)簽在 ruby 注釋中使用，以定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。

HTML5: ruby漢 rtrp(/rpㄏㄢˋrp)/rp/rt/ruby

HTML4: none

rt 標(biāo)簽定義字符（中文注音或字符）的解釋或發(fā)音。

HTML5: ruby漢 rt ㄏㄢˋ /rt/ruby

HTML4: none

ruby 標(biāo)簽定義 ruby 注釋（中文注音或字符）。

HTML5: ruby漢 rtrp(/rpㄏㄢˋrp)/rp/rt/ruby

HTML4: none

section 標(biāo)簽定義文檔中的節(jié)（section、區(qū)段）。比如章節(jié)、頁眉、頁腳或文檔中的其他部分。

HTML5: section/section

HTML4: div/div

source 標(biāo)簽為媒介元素（比如 video 和 audio）定義媒介資源。

HTML5: source

HTML4: param

summary 標(biāo)簽包含 details 元素的標(biāo)題，”details” 元素用于描述有關(guān)文檔或文檔片段的詳細(xì)信息。”summary” 元素應(yīng)該是 “details” 元素的第一個(gè)子元素。

HTML5:

detailssummaryHTML 5/summaryThis document

teaches you everything you have to learn about HTML 5./details

HTML4: none

time 標(biāo)簽定義日期或時(shí)間，或者兩者。

HTML5: time/time

HTML4: span/span

video 標(biāo)簽定義視頻，比如電影片段或其他視頻流。

HTML5: video src="movie.ogg" controls="controls"您的瀏覽器不支持 video 標(biāo)簽。/video

HTML4:object type="video/ogg" data="movie.ogv"param name="src" value="movie.ogv"/object

HTML5的語義化標(biāo)簽有哪些，作用是什么

標(biāo)簽種類：

header：定義頁眉

nav：定義導(dǎo)航

section：定義文檔中的區(qū)段

time：定義日期和時(shí)間

article：定義文章

aside：定義文章的側(cè)邊欄

figure：定義一組媒體對象以及文字

figcaption：定義figure的標(biāo)題

footer：定義頁腳

標(biāo)簽作用：

header與footer標(biāo)簽用于表示頁面、應(yīng)用或某個(gè)模塊的頭部和尾部；

nav用于表示導(dǎo)航；

article標(biāo)簽表示文章；

aside標(biāo)簽和article標(biāo)簽用法類似，只是表示內(nèi)容會(huì)出現(xiàn)在側(cè)邊欄；

figure標(biāo)簽表示一段自包含的內(nèi)容——獨(dú)立的流內(nèi)容（圖像、圖標(biāo)、照片、代碼等）

在開發(fā)當(dāng)中，可以使用section和article標(biāo)簽替代過度的div標(biāo)簽，用這些標(biāo)簽來對頁面進(jìn)行內(nèi)容劃分。

想了解更多，可點(diǎn)擊《如何讓舊瀏覽器支持HTML5新標(biāo)簽》

本文名稱：html5語義化,html5語義化的理解
當(dāng)前路徑：http://chinadenli.net/article42/dscchhc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供、網(wǎng)站維護(hù)、網(wǎng)站策劃、商城網(wǎng)站、定制開發(fā)、云服務(wù)器

廣告

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