常用html5標(biāo)簽(html常用標(biāo)簽及作用)
1、1html5新增的一些語義話標(biāo)簽,可以使用比如頭部可以使用header標(biāo)簽,導(dǎo)航nav,主體部分可以使用section,底部footer,中間文章articleltheader ltnavltnavltheaderltsection ltarticleltarticleltsectionltfooterltfooter2div,ul li標(biāo)簽都是使用比較頻繁的標(biāo)簽,span,i,em可以對文字。
2、dialog也可用 ltdt 可以同details與figure一同使用,匯總細(xì)節(jié),dialog也可用 lthr 表示主題結(jié)束,而不是水平線,雖然顯示相同 ltmenu 重新定義用戶界面的菜單,配合commond或者menuitem使用 ltsmall 表示小字體,例如打印注釋或者法律條款 ltstrong 表示重要性而不是強(qiáng)調(diào)符號 HTML5 是下一代的 HTML;templatecontent會返回一個(gè)文檔片段,你可以理解為另外一個(gè)document,然后,使用document下的一些查詢API就可以獲得lttemplate標(biāo)簽里面的ldquo偽子元素rdquo了例如,獲得第一張圖片元素則是CSS Code復(fù)制內(nèi)容到剪貼板 1 var image_first = quotimgquot三HTML5;html5新增標(biāo)簽如下1結(jié)構(gòu)性標(biāo)記結(jié)構(gòu)性標(biāo)記主要用來對頁面結(jié)構(gòu)進(jìn)行劃分,就像在設(shè)計(jì)網(wǎng)頁時(shí)將頁面分為導(dǎo)航內(nèi)容部分頁腳等,確保HTML文檔的完整性2多媒體標(biāo)記多媒體標(biāo)記主要解決了以往通過Flash等進(jìn)行視頻的一些展示,新增的標(biāo)記使HTML功能變得更加強(qiáng)大了3表單標(biāo)記表單標(biāo)記主要用于功能性的內(nèi)容表達(dá);5 ltprogress代表進(jìn)度條,表示任務(wù)過程,屬性有max任務(wù)總量\valueltdatalist為Input標(biāo)記定義一個(gè)下拉列表,配合option標(biāo)簽其他 ltdetails創(chuàng)建一個(gè)掛件,僅在被切換成展開狀態(tài)時(shí),它才會顯示內(nèi)含的信息ltsummary 是details 元素的子元素,表示其綜述或標(biāo)題 ltmark代表一段需要被高亮的引用文字。
3、html5新增標(biāo)簽有這幾個(gè)ltheaderltnavltsectionltarticleltasideltmainltfooterltfigureltfigcaptionltvideo等1ltheader定義文檔或區(qū)塊的頁眉,通常包含標(biāo)題導(dǎo)航和其他相關(guān)信息2ltnav定義導(dǎo)航鏈接的容器,用于包裹網(wǎng)站的導(dǎo)航部分3ltsection定義文檔的一個(gè)獨(dú)立節(jié)或區(qū)塊,用于組織;html5新增的一些語義話標(biāo)簽,可以使用比如頭部可以使用header標(biāo)簽,導(dǎo)航nav,主體部分可以使用section,底部footer,中間文章articlediv,ul li標(biāo)簽都是使用比較頻繁的標(biāo)簽,span,i,em可以對文字進(jìn)行單獨(dú)的描述,表示等ltarticle標(biāo)簽定義外部的內(nèi)容,比如來自一個(gè)外部的新聞提供者的一篇新的文章,或者來自。
4、用法是menu li結(jié)合ltaddress存放地址的標(biāo)簽ltprogress這個(gè)是一個(gè)進(jìn)度條標(biāo)簽他的主要屬性有value和maxvalue表示當(dāng)前進(jìn)度條位置,max表示進(jìn)度條的總共長度lttime標(biāo)簽放時(shí)間的標(biāo)簽初步接觸html5的標(biāo)簽給人的第一感覺就是望文知義這個(gè)標(biāo)簽?zāi)軌蚝苋菀鬃屓擞涀t%@ page language=quotjavaquot content;在HTML5頁面中,經(jīng)常使用ltnav標(biāo)簽來充當(dāng)導(dǎo)航的結(jié)構(gòu)化標(biāo)簽ltnav標(biāo)簽用于定義頁面的導(dǎo)航部分,通常包含導(dǎo)航鏈接或?qū)Ш讲藛嗡峁┝艘环N語義化的方式來標(biāo)記頁面的導(dǎo)航內(nèi)容,使得搜索引擎和輔助技術(shù)能夠更好地理解和處理導(dǎo)航部分的內(nèi)容示例代碼htmlCopy codeltnav ltul ltlilta href=quot#quot首頁lt;aside標(biāo)簽和article標(biāo)簽用法類似,只是表示內(nèi)容會出現(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來講,在網(wǎng)頁結(jié)構(gòu)上標(biāo)簽定義與使用更加語義化,讓搜索引擎以及工程師更加迅速理解當(dāng)前網(wǎng)頁的整個(gè)重心所在 列舉常用HTML5結(jié)構(gòu)組合 header nav section article figure figcaption aside footer 一般首頁結(jié)構(gòu),如圖所示 當(dāng)然也可以是下面的結(jié)構(gòu) 其中section和article最為相似,而且和div標(biāo)簽貌似也有很大;介紹HTML5中新添加的標(biāo)簽用法于說明aside 添加附注,用于包含于當(dāng)前文檔相關(guān)的內(nèi)容,如側(cè)欄提示文檔相關(guān)文檔,也可以使用來放廣告相關(guān)內(nèi)容鏈接,一個(gè)完全獨(dú)立的區(qū)塊作為頁面主要內(nèi)容的陪襯 article 獨(dú)立文檔標(biāo)記表示一個(gè)完整的自成一體的內(nèi)容塊,比如博客文章或新聞報(bào)道hgroup 標(biāo)注副標(biāo)題。
5、HTML5中新增標(biāo)簽較多,下面說幾個(gè)常見的 ltarticle 定義外部的內(nèi)容,外部內(nèi)容可以是來自一個(gè)外部的新聞提供者的一篇新的文章,或者來自 blog 的文本,或者是來自論壇的文本亦或是來自其他外部源內(nèi)容ltaside 定義 article 以外的內(nèi)容aside 的內(nèi)容應(yīng)該與 article 的內(nèi)容相關(guān)ltaudio 定義聲音,比如;新增的結(jié)構(gòu)標(biāo)簽1section元素 ,表示頁面中的一個(gè)內(nèi)容區(qū)塊,比如章節(jié)頁眉頁腳或頁面的其他部分可以和h1 h2等元素結(jié)合起來使用,表示文檔結(jié)構(gòu)例HTML5中l(wèi)tsectionltsectionHTML4中l(wèi)tdiv ltdiv2article元素 ,表示頁面中一塊與上下文不相關(guān)的獨(dú)立內(nèi)容比如一篇文章3;ltcommand定義命令按鈕,比如單選按鈕復(fù)選框或按鈕 ltdetails用于描述文檔或文檔某個(gè)部分的細(xì)節(jié) ltdialog定義對話框,比如提示框 ltsummary標(biāo)簽包含 details 元素的標(biāo)題 ltfigure規(guī)定獨(dú)立的流內(nèi)容圖像圖表照片代碼等等ltfigcaption定義 ltfigure 元素的標(biāo)題 ltfooter定義 section 或 document;10 address標(biāo)簽代表區(qū)塊容器,必須是作為聯(lián)系信息出現(xiàn),郵編地址郵件地址等等,一般出現(xiàn)在footer。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。