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