通過(guò)代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5中的主要語(yǔ)義標(biāo)簽及應(yīng)用實(shí)例-資料下載頁(yè)
【導(dǎo)讀】頁(yè)腳、導(dǎo)航條等區(qū)塊。CSS樣式表單的相關(guān)技術(shù)來(lái)實(shí)現(xiàn)頁(yè)面結(jié)構(gòu)的定義和版塊的劃分。區(qū)塊，使相關(guān)的瀏覽器等軟件極其難以確定對(duì)特定區(qū)域的優(yōu)化處理的各種操作。持設(shè)備和滿(mǎn)足視障人士等使用的特殊設(shè)備有益。使用的場(chǎng)合，例如HTML5中新增的<nav>標(biāo)簽元素只應(yīng)該要應(yīng)用于導(dǎo)航條的結(jié)構(gòu)定義中，而不要用于其它的應(yīng)用場(chǎng)合。HTML5的瀏覽器中瀏覽時(shí)，也可以很好地表現(xiàn)和顯示。者所自己定義的而非統(tǒng)一和標(biāo)準(zhǔn)的詞匯。所以，瀏覽器并不知道哪個(gè)應(yīng)該是導(dǎo)航鏈接所在。了解頁(yè)面的布局結(jié)構(gòu)，并根據(jù)顯示設(shè)備的差別進(jìn)行相關(guān)的顯示風(fēng)格的調(diào)整。最終達(dá)到以更好的讓人和機(jī)器（機(jī)器可理解為瀏覽。器，也可理解為搜索引擎）都一目了然，能夠理解并能夠優(yōu)化處理。部分級(jí)別的頭部分。義相關(guān)的“頭部”。盡管在架構(gòu)頁(yè)面時(shí)，<header>標(biāo)簽一般都放在頁(yè)面的頂部，但是其實(shí)也是可以把它。在Web頁(yè)面中的角色，而不是在頁(yè)面中最終的物理擺放位置。另外，由于在HTML5中<header>標(biāo)簽屬于塊元素，如果希望在大多數(shù)主流的瀏覽
【正文】 ntsize: 36px。 margin: 0px。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 18/22 頁(yè) 18 } header h2 { fontsize: 18px。 margin: 0px。 color: 888。 fontstyle: italic。 } nav ul { liststyle: none。 padding: 0px。 display: block。 clear: right。 backgroundcolor: 666。 paddingleft: 4px。 height: 24px。 } nav ul li { display: inline。 padding: 0px 20px 5px 10px。 height: 24px。 borderright: 1px solid ccc。 } nav ul li a { color: EFD3D3。 textdecoration: none。 fontsize: 13px。 fontweight: bold。 } nav ul li a:hover { color: fff。 } article header h1 { fontsize: 20px。 float: left。 marginleft: 14px。 textshadow: 2px 2px 5px 333。 } article header h1 a { color: 993333。 } article section header h1 { fontsize: 16px。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 19/22 頁(yè) 19 } article p { clear: both。 } footer p { textalign: center。 fontsize: 12px。 color: 888。 margintop: 24px。 } 將上面的 CSS 樣式定義保存為 文件，并與 HTML 頁(yè)面放在相同的文件目錄中。然后在 HTML 頁(yè)面中應(yīng)用如下的標(biāo)簽連接該 CSS 樣式文件。 link href= rel=stylesheet type=text/css 添加 CSS 樣式文件后的 HTML5 頁(yè)面的內(nèi)容 !DOCTYPE HTML html head meta equiv=ContentType content=text/html。 charset=gb18030 titleHTML5 的示例頁(yè)面 /title link href= rel=stylesheet type=text/css /head body header hgroup h1XXX 企業(yè)的名稱(chēng)的主標(biāo) 題文字 /h1 h2主標(biāo)題下的付標(biāo)題文字，或者是另一個(gè)標(biāo)題文字 /h2 /hgroup /header nav ul lia href=返回首頁(yè) /a/li lia href=關(guān)于我們 /a/li 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 20/22 頁(yè) 20 lia href=聯(lián)系我們 /a/li /ul /nav article header h1article 內(nèi)的不同標(biāo)題文字和超鏈接 a href= title=超鏈接中的動(dòng)態(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下面為本頁(yè)面的頁(yè)腳文字和超鏈接 169。All rights reserved，版權(quán)所有 /p /footer /body /html 該頁(yè)面在 IE10 瀏覽器中的預(yù)覽的效果 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 21/22 頁(yè) 21 該頁(yè)面在 Google 瀏覽器中的預(yù)覽的效果 在不支 持 CSS3 的瀏覽器中的預(yù)覽的效果 由于在 CSS 中的“ article header h1”規(guī)則中使用了 CSS3 的 textshadow 屬性，如果訪問(wèn)者的 Web 瀏覽器不支持這些新屬性，它們就會(huì)被忽略，將根據(jù)其他任何受支持的屬性設(shè)計(jì)元素樣式。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 22/22 頁(yè) 22
鄂ICP備17016276號(hào)-1