html5標(biāo)簽詳解(html5各種標(biāo)簽的應(yīng)用方法)
h1 to h6定義 HTML 標(biāo)題 i定義斜體字 li定義列表的項(xiàng)目語(yǔ)義化標(biāo)簽的好處要從 HTML 全局屬性說(shuō)起,即 有的標(biāo)簽有默認(rèn)的HTML全局屬性,所以最好用語(yǔ)義化標(biāo)簽 1以下元素 支持 tabindex 屬性a, area, button。
ltcommand定義命令按鈕,比如單選按鈕復(fù)選框或按鈕 ltdetails用于描述文檔或文檔某個(gè)部分的細(xì)節(jié) ltdialog定義對(duì)話框,比如提示框 ltsummary標(biāo)簽包含 details 元素的標(biāo)題 ltfigure規(guī)定獨(dú)立的流內(nèi)容圖像圖表照片代碼等。
html5新增標(biāo)簽如下1結(jié)構(gòu)性標(biāo)記結(jié)構(gòu)性標(biāo)記主要用來(lái)對(duì)頁(yè)面結(jié)構(gòu)進(jìn)行劃分,就像在設(shè)計(jì)網(wǎng)頁(yè)時(shí)將頁(yè)面分為導(dǎo)航內(nèi)容部分頁(yè)腳等,確保HTML文檔的完整性2多媒體標(biāo)記多媒體標(biāo)記主要解決了以往通過(guò)Flash等進(jìn)行視頻的一些展示。
HTML文件是由HTML命令組成的描述性文本,HTML命令可以說(shuō)明文字圖形動(dòng)畫(huà)聲音表格鏈接等HTML文件的結(jié)構(gòu)包括頭部Head主體Body兩大部分,其中頭部描述瀏覽器所需的信息,而主體則包含所要說(shuō)明的具體內(nèi)容。
介紹HTML5中新添加的標(biāo)簽用法于說(shuō)明aside 添加附注,用于包含于當(dāng)前文檔相關(guān)的內(nèi)容,如側(cè)欄提示文檔相關(guān)文檔,也可以使用來(lái)放廣告相關(guān)內(nèi)容鏈接,一個(gè)完全獨(dú)立的區(qū)塊作為頁(yè)面主要內(nèi)容的陪襯 article 獨(dú)立文檔標(biāo)記表示一。
用法是menu li結(jié)合ltaddress存放地址的標(biāo)簽ltprogress這個(gè)是一個(gè)進(jìn)度條標(biāo)簽他的主要屬性有value和maxvalue表示當(dāng)前進(jìn)度條位置,max表示進(jìn)度條的總共長(zhǎng)度lttime標(biāo)簽放時(shí)間的標(biāo)簽初步接觸html5的標(biāo)簽給人的第一感覺(jué)就。
HTML5中的video標(biāo)簽用于播放視頻文件的,在video標(biāo)簽中我們可以設(shè)置窗口的寬高,視頻的自動(dòng)播放,循環(huán)播放以及視頻的封面圖片等等HTML5是下一代HTML,新增了許多新的標(biāo)簽,這些標(biāo)簽實(shí)現(xiàn)了許多新的功能并且還減少了對(duì)外部插件的。
ltarticle標(biāo)簽定義外部的內(nèi)容比如來(lái)自一個(gè)外部的新聞提供者的一篇新的文章,或者來(lái)自 blog 的文本,或者是來(lái)自論壇的文本亦或是來(lái)自其他外部源內(nèi)容HTML5ltarticleltarticle HTML4ltdivltdiv ltaside標(biāo)簽定義。
HTML5新增加的標(biāo)簽 ltarticle標(biāo)簽定義外部的內(nèi)容結(jié)構(gòu)元素ltaside定義頁(yè)面內(nèi)容之外的內(nèi)容 aside的內(nèi)容與article的內(nèi)容相關(guān)結(jié)構(gòu)元素ltfigure定義一組媒介內(nèi)容的分組,以及它們的標(biāo)題結(jié)構(gòu)元素ltsection標(biāo)簽定義。
結(jié)構(gòu)性標(biāo)簽其實(shí)就是語(yǔ)義化的html網(wǎng)頁(yè)框架,一般網(wǎng)頁(yè)分為頭部headernav 側(cè)欄aside 內(nèi)容articlesectiondiv 腳部footer 這些僅僅是html5的一部分,常出現(xiàn)在整個(gè)網(wǎng)頁(yè)的“大框架”結(jié)構(gòu)上,具體位置如下html5。
value代表某個(gè)標(biāo)簽的值 打個(gè)比方ltinput type=quottextquot name=quotseuot value=quothello!quot 你將看到網(wǎng)頁(yè)中文本框的內(nèi)容為“hello!”name是標(biāo)簽的名稱 ltform ltinput type=quottextquot name=quotseuot value=quotquot id=quotseq001quot。
class類標(biāo)簽 定義和用法 class 屬性規(guī)定元素的類名classnameclass 屬性大多數(shù)時(shí)候用于指向樣式表中的類class不過(guò),也可以利用它通過(guò) JavaScript 來(lái)改變帶有指定 class 的 HTML 元素提示和注釋 注釋class 屬性不。
HTML5中的新元素標(biāo)簽ltnav用來(lái)將具有導(dǎo)航性質(zhì)的鏈接劃分在一起,使代碼結(jié)構(gòu)在語(yǔ)義化方面更加準(zhǔn)確,同時(shí)對(duì)于屏幕閱讀器等設(shè)備的支持也更好一直以來(lái),我們習(xí)慣于使用形如ltdiv id=quotnavquot或ltul id=quotnavquot這樣的代碼來(lái)寫(xiě)。
html5可以使用代碼實(shí)現(xiàn)的簡(jiǎn)單幻燈片,并且能用鼠標(biāo)滾輪滾動(dòng)進(jìn)行換頁(yè)具體代碼如下lt!doctype htmllthtml lthead lttitlelttitleltstyle#slidespositionabsoluteleft0pxtop0pxheight100%width100%overflow。
在HTML5中,新增了兩個(gè)元素video元素與audio元素,其中video元素專門用來(lái)播放網(wǎng)絡(luò)上的視頻或電影,而audio元素專門用來(lái)播放網(wǎng)絡(luò)上的音頻數(shù)據(jù)使用這兩個(gè)元素,就不需要再使用其他插件了,只要使用支持HTML5的瀏覽器就可以了。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。