通過代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5中的主要語義標(biāo)簽及應(yīng)用實(shí)例(編輯修改稿)
2024-12-20 07:40 本頁面
【文章內(nèi)容簡介】 提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 10/22 頁 10 這是 Web 頁面中實(shí)現(xiàn)主要導(dǎo)航條超鏈接的容器標(biāo)簽。 （ 2） nav標(biāo)簽應(yīng)用要點(diǎn) 它只應(yīng)該應(yīng)用于導(dǎo)航條超鏈接的定義中，而不應(yīng)該將此標(biāo)簽元素應(yīng)用于普通的超鏈接的定義中。比如，盡管在一個(gè) footer 標(biāo)簽元素中包含有導(dǎo)航超鏈接，也不需要將這些超鏈接封裝在 nav 標(biāo)簽元素中，因?yàn)? footer 元素將可以獨(dú)自包括這些超鏈接。 （ 3） nav標(biāo)簽的應(yīng)用示例 !DOCTYPE HTML html body nav a href=首頁 /a a href=上一頁 /a a href=下一頁 /a /nav /body /html （ 4）應(yīng)用 ul標(biāo)簽包裝各個(gè)導(dǎo)航超鏈接的示例 !DOCTYPE HTML html body nav ul lia href=菜單一 /a/li lia href=菜單二 /a/li lia href=菜單三 /a/li lia href=菜單四 /a/li /ul /nav /body /html 由于 ul標(biāo)簽定義的為符號(hào)列表，因此也還必須要應(yīng)用 CSS 定義，否則將會(huì)默認(rèn)顯示出如下的效果。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 11/22 頁 11 HTML 5 中的 article語義標(biāo)簽元素的應(yīng)用示例 （ 1） article標(biāo)簽的主要功能 article標(biāo)簽元素用于定義在文檔、頁面或應(yīng)用程序中獨(dú)立的、完整的、可以獨(dú)自被外部引用的內(nèi)容，這些內(nèi)容可以是來自一個(gè)外部的新聞系統(tǒng)所提供的一篇新的文章，或者來自某個(gè) blog 的文本信息或者是來自某個(gè)論壇系統(tǒng)的文本信息，亦或是來自其它外部信息源—— 例如新聞項(xiàng)目、博客或評(píng)論等的內(nèi)容。 （ 2） article標(biāo)簽的應(yīng)用示例 html body article h5HTML5 項(xiàng)目 /h5 pHTML5 是用于修正現(xiàn)在 html 的下一個(gè)網(wǎng)頁規(guī)范 /p pHTML5 是萬維網(wǎng)結(jié)構(gòu)方面的標(biāo)準(zhǔn) /p /article /body /html article標(biāo)簽是可以嵌套 article標(biāo)簽的 HTML 5 中的 section語義標(biāo)簽元素應(yīng)用示例 （ 1） section標(biāo)簽的主要功能 此標(biāo)簽元素表示文檔或應(yīng)用程序的一部分，最終實(shí)現(xiàn)對(duì)內(nèi)容的分塊。例如，文章或教楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 12/22 頁 12 程的一章或一節(jié)。在一個(gè) section標(biāo)簽中一般包括標(biāo)題和內(nèi)容相關(guān)的標(biāo)簽。 （ 2） section標(biāo)簽的應(yīng)用示例 section h1所支持的主要語言 /h1 article h2中文 /h2 p中文主要應(yīng)用于中國人 … /p /article article h2英語 /h2 p英語主要應(yīng)用于英國和美國 .../p /article article h2法語 /h2 p法語主要應(yīng)用于法國人 .../p /article /section HTML 5 中的 aside語義標(biāo)簽 元素應(yīng)用示例 （ 1） aside標(biāo)簽的主要功能 此標(biāo)簽元素通?？梢杂糜跇?biāo)記頁面內(nèi)容中的邊欄文字信息，它類似于布局中的輔助側(cè)邊欄 —— 比如說明、提示、邊欄、引用、附加注釋等，也就是敘述主線之外的內(nèi)容信息。應(yīng)用此標(biāo)簽的一個(gè)示例就是廣告塊或?qū)?nèi)容的注釋說明文字。 （ 2） aside標(biāo)簽的應(yīng)用示例 aside h1HTML5 中的 aside /h1 p aside 標(biāo)簽元素通?？梢杂糜跇?biāo)記頁面內(nèi)容中的邊欄文字信息或一些將認(rèn)為與其周圍內(nèi)容有點(diǎn)無關(guān)的內(nèi)容信息 —— 比如說明、提示、邊欄、引用、附加注釋等 /p /aside 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 13/22 頁 13 HTML 5 中的 hgroup語義標(biāo)簽元素應(yīng)用示例 （ 1） hgroup標(biāo)簽的主要功能 在某些情況下，頁面、文章或區(qū)域可能需要多個(gè)標(biāo)題，例如，頁面中有一個(gè)標(biāo)題和一個(gè)副標(biāo)題或者子標(biāo)題?？梢栽? hgroup 元素中封裝這些標(biāo)題，然后再使用 h1 元素表示主標(biāo)題， h2 元素表示副標(biāo)題等。 （ 2） hgroup標(biāo)簽的應(yīng)用示例 article hgroup h1HTMl5 簡介 /h1 h2HTML5 的現(xiàn)狀 /h2 /hgroup pHTML5 是 HTML 的第五個(gè)版本? /p aside h1HTML5 的日程 /h1 pHTML5 還只是個(gè)草案 /p /aside /article （ 3）另一個(gè)示例 article header hgroup h1主標(biāo)題 /h1 h2子標(biāo)題 /h2 /hgroup /header p正文 ....p /artilce HTML 5 中的 address語義標(biāo)簽元素的應(yīng)用示例 （ 1） address地址標(biāo)簽元素的主要功能 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 14/22 頁 14 在該標(biāo)簽中一般包括文檔的作者及其信息，如 blogs 地址，郵箱等。 （ 2） address標(biāo)簽的應(yīng)用示例 footer div address a title=XXXX 博客 href=鏈接 XXXX 博客 /a /a
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1