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