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