通過代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5中的主要語義標(biāo)簽及應(yīng)用實例-全文預(yù)覽
【正文】 根據(jù)其他任何受支持的屬性設(shè)計元素樣式。 link href= rel=stylesheet type=text/css 添加 CSS 樣式文件后的 HTML5 頁面的內(nèi)容 !DOCTYPE HTML html head meta equiv=ContentType content=text/html。 color: 888。 } article section header h1 { fontsize: 16px。 float: left。 fontsize: 13px。 height: 24px。 paddingleft: 4px。 padding: 0px。 margin: 0px。 margin: 0px auto。 （ 4）而在 section標(biāo)簽元素中也包含有本部分的 header標(biāo)簽（定義本區(qū)塊的不同文字信息）和由 p標(biāo)簽所定義的內(nèi)容文字 信息，它們都作為該 section標(biāo)簽元素中的標(biāo)題和段落文字信息 —— 當(dāng)然，可以在本頁面中再繼續(xù)創(chuàng)建其他區(qū)域和創(chuàng)建更多的 section 標(biāo)簽。 charset=gb18030 titleHTML5 的示例頁面 /title /head body header hgroup h1XXX 企業(yè)的名稱的主標(biāo)題文字 /h1 h2主標(biāo)題下的付標(biāo)題文字，或者是另一個標(biāo)題文字 /h2 /hgroup /header nav 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 16/22 頁 16 ul lia href=返回首頁 /a/li lia href=關(guān)于我們 /a/li lia href=聯(lián)系我們 /a/li /ul /nav article header h1article 內(nèi)的不同標(biāo)題文字和超鏈接 a href= title=超鏈接中的動態(tài)幫助的文字 rel=bookmarkArticle 標(biāo)題 /a /h1 /header p下面為本 Article 的內(nèi)容文字 /p section header h1這是 section 的不同文字 /h1 /header p下面為本 section 的內(nèi)容文字 /p /section /article footer p下面為本頁面的頁腳文字和超鏈接 169?？梢栽? hgroup 元素中封裝這些標(biāo)題，然后再使用 h1 元素表示主標(biāo)題， h2 元素表示副標(biāo)題等。在一個 section標(biāo)簽中一般包括標(biāo)題和內(nèi)容相關(guān)的標(biāo)簽。 （ 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)簽包裝各個導(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)簽定義的為符號列表，因此也還必須要應(yīng)用 CSS 定義，否則將會默認(rèn)顯示出如下的效果。 } li{ width:100px。 } ul{ display: mozbox。 display: webkitbox。 } li{ width:100px。 } ul{ display: mozbox。 display: webkitbox。在典型的應(yīng)用情況下，該標(biāo)簽元素內(nèi)會包含創(chuàng)作者的姓名、文檔的創(chuàng)作日期以及 /或者聯(lián)系信息、版權(quán)信息等方面的文字信息。}。 而在傳統(tǒng)的 HTML4 中定義網(wǎng)站頁面的頭部標(biāo)題等文字信息，一般會采用如下形式的div標(biāo)簽： div id=header......./div加以實現(xiàn)。最終達到以更好的讓人（頁面設(shè)計者）和機器（機器可理解為瀏覽器，也可理解為搜索引擎）都一目了然，能夠理解并能夠優(yōu)化處理。 其中的主要問題是所有的區(qū)塊都是用 DIV標(biāo)簽定義，并且 DIV標(biāo)簽的 ID 值是開發(fā)者所自己定義的而非統(tǒng)一和標(biāo)準(zhǔn)的詞匯。 而 HTML5 則很好地解決了這些問題，使 Web 瀏覽器更容易分析頁面文檔中的結(jié)構(gòu)設(shè)計所涉及的語義結(jié)構(gòu)含義 —— 這不僅有利于搜索引擎的索引整理，也還對小屏幕裝置的手持設(shè)備和滿足視障人士等使用的特殊設(shè)備有益。楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 1/22 頁 1 目 錄 HTML5 中的主要語義標(biāo)簽元素及應(yīng)用實例 .......................................................... 2 HTML5 中新增的語義標(biāo)簽 ........................
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1