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