asidehtml5(asidehtml5詳解)
介紹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)記表示一個(gè)完整的自成一體的內(nèi)容塊,比如博客文章或新聞報(bào)道hgroup 標(biāo)注副標(biāo)題標(biāo);ltaside標(biāo)簽定義 article 以外的內(nèi)容aside 的內(nèi)容應(yīng)該與 article 的內(nèi)容相關(guān)ltaudio 標(biāo)簽定義聲音,比如音樂(lè)或其他音頻流ltcanvas 標(biāo)簽定義圖形,比如圖表和其他圖像這個(gè) HTML 元素是為了客戶(hù)端矢量圖形而設(shè)計(jì)的它自己沒(méi)有行為,但卻把一個(gè)繪圖 API 展現(xiàn)給客戶(hù)端 JavaScript 以使腳本能夠把想。
答1article標(biāo)簽是 HTML 5 的新標(biāo)簽它的內(nèi)容獨(dú)立于文檔的其余部分,而外部?jī)?nèi)容可以是來(lái)自一個(gè)外部的新聞提供者的一篇新的文章,或者來(lái)自 blog 的文本,或者是來(lái)自論壇的文本亦或是來(lái)自其他外部源內(nèi)容2aside為語(yǔ)義化標(biāo)簽,通常用來(lái)描述與文檔主體內(nèi)容不相關(guān)的內(nèi)容比如,博客文章用atricle標(biāo)簽;二語(yǔ)義元素類(lèi)型 HTML5引入了一系列語(yǔ)義元素,包括header頭部信息footer底部信息nav導(dǎo)航欄article文章內(nèi)容塊section區(qū)域分隔符aside邊緣內(nèi)容details詳細(xì)內(nèi)容信息塊figure帶圖形信息的圖文單元等這些元素能夠幫助開(kāi)發(fā)者更清晰準(zhǔn)確地描述頁(yè)面結(jié)構(gòu)和內(nèi)容含義。
HTML5中新增標(biāo)簽較多,下面說(shuō)幾個(gè)常見(jiàn)的 ltarticle 定義外部的內(nèi)容,外部?jī)?nèi)容可以是來(lái)自一個(gè)外部的新聞提供者的一篇新的文章,或者來(lái)自 blog 的文本,或者是來(lái)自論壇的文本亦或是來(lái)自其他外部源內(nèi)容ltaside 定義 article 以外的內(nèi)容aside 的內(nèi)容應(yīng)該與 article 的內(nèi)容相關(guān)ltaudio 定義聲音,比如;結(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 雖然增加了很多新的標(biāo)簽,但是并不代表完全拋棄了原有的標(biāo)簽,例如dldtdd組合。
HTML5引入了一組全新的全局屬性,為網(wǎng)頁(yè)開(kāi)發(fā)提供了更多的靈活性和控制力這些屬性包括accesskey 為元素指定一個(gè)鍵盤(pán)快捷鍵,方便用戶(hù)通過(guò)特定鍵快速訪(fǎng)問(wèn)class 設(shè)定元素的類(lèi)別,用于CSS樣式表中對(duì)元素進(jìn)行分類(lèi)和樣式定義contenteditable 決定元素內(nèi)容是否可被用戶(hù)編輯,增強(qiáng)了用戶(hù)交互性contextmenu;ltarticle定義頁(yè)面獨(dú)立的內(nèi)容區(qū)域ltaside定義頁(yè)面的側(cè)邊欄內(nèi)容ltbdi允許您設(shè)置一段文本,使其脫離其父元素的文本方向設(shè)置ltcommand定義命令按鈕,比如單選按鈕復(fù)選框或按鈕 ltdetails用于描述文檔或文檔某個(gè)部分的細(xì)節(jié) ltdialog定義對(duì)話(huà)框,比如提示框 ltsummary標(biāo)簽包含 details 元素的標(biāo)題 ltfigu。
HTML5中新增了ltheaderltfooterltnavltsectionltarticleltasideltfigure多個(gè)有語(yǔ)義的結(jié)構(gòu)化標(biāo)簽元素其中section和article這兩個(gè)標(biāo)簽和div差不多功能,很容易混淆1section章節(jié)簡(jiǎn)單地說(shuō)section就是帶有語(yǔ)義的div,比如ltdiv class=quotsectionquotltdiv相當(dāng)于ltsection id=quotquotlt;jsquotltscriptlt!endif 載入后,初始化新標(biāo)簽的CSS*html5* article,aside,dialog,footer,header,section,footer,nav,figure,menudisplayblock 如何區(qū)分html和html51在文檔類(lèi)型聲明上,h5為lt!DOCTYPE html,之前版本比較長(zhǎng) 2h5有語(yǔ)義化標(biāo)簽,如ltheaderltheader。
aside元素用來(lái)表示當(dāng)前頁(yè)面或文章的附屬信息部分,它可以包含與當(dāng)前頁(yè)面或主要內(nèi)容相關(guān)的引用側(cè)邊欄廣告導(dǎo)航條,以及其它類(lèi)似的有別與主要內(nèi)容的部分aside元素主要有以下兩種使用方法 1被包含在article元素中作為主要內(nèi)容的附屬信息部分,其中的內(nèi)容可以是與當(dāng)前文章有關(guān)的相關(guān)資料名次解釋?zhuān)鹊萳t;html5的新增的標(biāo)簽都是帶有語(yǔ)義的,不光要從字面來(lái)說(shuō),還要從舉例中來(lái)說(shuō)article 是獨(dú)立的一塊內(nèi)容,比如一篇新聞,一篇文章,包含文章主旨,還可以包含輔助內(nèi)容section 類(lèi)似div,不過(guò)比div更有意義,他是對(duì)內(nèi)容進(jìn)行分塊aside 字面就是側(cè)邊欄,跟內(nèi)容相關(guān)的一些引用內(nèi)容這些元素表現(xiàn)形式都是行內(nèi)。
dialog也可用 ltdt 可以同details與figure一同使用,匯總細(xì)節(jié),dialog也可用 lthr 表示主題結(jié)束,而不是水平線(xiàn),雖然顯示相同 ltmenu 重新定義用戶(hù)界面的菜單,配合commond或者menuitem使用 ltsmall 表示小字體,例如打印注釋或者法律條款 ltstrong 表示重要性而不是強(qiáng)調(diào)符號(hào) HTML5 是下一代的 HTML。
HTML5 引入了新的 HTML 元素和屬性,有的是傳統(tǒng)通用元素的語(yǔ)義化版本,如取代 div 元素的 nav, footer 等元素,也有一些全新的元素,如 audio, video一些在 HTML4 中不被推薦使用的元素,如 font 和 center 將被棄用HTML5 引入的新 HTML 元素包括article文章 aside內(nèi)容旁邊的側(cè)邊欄內(nèi)容;1文章標(biāo)簽是HTML5的新標(biāo)簽它的內(nèi)容獨(dú)立于文檔的其余部分,而外部?jī)?nèi)容可以是來(lái)自外部新聞提供商的新文章,或者來(lái)自博客的文本,或者來(lái)自論壇的文本或者來(lái)自其他外部來(lái)源的內(nèi)容2旁注是語(yǔ)義標(biāo)簽,通常用來(lái)描述與文檔主要內(nèi)容無(wú)關(guān)的內(nèi)容比如博文被標(biāo)注為atricle,而博客旁邊的帖子信息欄作者頭像博文。
Html5新增了27個(gè)元素,廢棄了16個(gè)元素,根據(jù)現(xiàn)有的標(biāo)準(zhǔn)規(guī)范,把HTML5的元素按優(yōu)先級(jí)定義為結(jié)構(gòu)性屬性級(jí)塊性元素行內(nèi)語(yǔ)義性元素和交互性元素4大類(lèi)結(jié)構(gòu)性元素主要負(fù)責(zé)web上下文結(jié)構(gòu)的定義 section在web頁(yè)面應(yīng)用中,該元素也可以用于區(qū)域的章節(jié)描述header頁(yè)面主體上的頭部,header元素往往在一對(duì);1section元素 ,表示頁(yè)面中的一個(gè)內(nèi)容區(qū)塊,比如章節(jié)頁(yè)眉頁(yè)腳或頁(yè)面的其他部分可以和h1 h2等元素結(jié)合起來(lái)使用,表示文檔結(jié)構(gòu)例HTML5中l(wèi)tsectionltsectionHTML4中l(wèi)tdiv ltdiv2article元素 ,表示頁(yè)面中一塊與上下文不相關(guān)的獨(dú)立內(nèi)容比如一篇文章3aside元素,表示。
掃描二維碼推送至手機(jī)訪(fǎng)問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。