信息工程系教師：宇虹儒項(xiàng)目三農(nóng)作務(wù)介紹頁(yè)制作任務(wù)二結(jié)構(gòu)元素編輯網(wǎng)頁(yè)header

nav21知識(shí)導(dǎo)航

article

aside

section534

footer6結(jié)構(gòu)元素HTML5中所有的元素都是有結(jié)構(gòu)性的，且這些元素的作用與塊元素非常相似。HTML5中的header元素是一種具有引導(dǎo)和導(dǎo)航作用的結(jié)構(gòu)元素，該元素可以包含所有通常放在頁(yè)面頭部的內(nèi)容?；菊Z(yǔ)法格式<header><h1>網(wǎng)頁(yè)主題</h1> ...</header>一header元素nav元素用于定義導(dǎo)航鏈接，是HTML5新增的元素，該元素可以將具有導(dǎo)航性質(zhì)的鏈接歸納在一個(gè)區(qū)域中，使頁(yè)面元素的語(yǔ)義更加明確?；菊Z(yǔ)法格式<nav><ul><li><ahref="#">首頁(yè)</li><li><ahref="#">公司概況</li><li><ahref="#">產(chǎn)品展示</li><li><ahref="#">聯(lián)系我們</li></ul></nav>二nav元素傳統(tǒng)導(dǎo)航條側(cè)邊欄導(dǎo)航頁(yè)內(nèi)導(dǎo)航翻頁(yè)操作nav元素的應(yīng)用二nav元素nav元素常用來(lái)制作導(dǎo)航欄。例如水平導(dǎo)航欄、側(cè)邊導(dǎo)航欄等。article元素代表文檔、頁(yè)面或者應(yīng)用程序中與上下文不相關(guān)的獨(dú)立部分，該元素經(jīng)常被用于定義一篇日志、一條新聞或用戶評(píng)論等。例如，下面的案例就是對(duì)article元素用法的演示。三article元素aside元素用來(lái)定義當(dāng)前頁(yè)面或者文章的附屬信息部分，它可以包含與當(dāng)前頁(yè)面或主要內(nèi)容相關(guān)的引用、側(cè)邊欄、廣告、導(dǎo)航條等其他類似的有別于主要內(nèi)容的部分。aside元素的用法主要分為兩種：被包含在article元素內(nèi)作為主要內(nèi)容的附屬信息。在article元素之外使用，作為頁(yè)面或站點(diǎn)全局的附屬信息部分。四aside元素section元素用于對(duì)網(wǎng)站或應(yīng)用程序中頁(yè)面上的內(nèi)容進(jìn)行分塊，一個(gè)section元素通常由內(nèi)容和標(biāo)題組成。不要將section元素用作設(shè)置樣式的頁(yè)面容器，那是div的特性。如果article元素、aside元素或nav元素更符合使用條件，那么不要使用section元素。沒(méi)有標(biāo)題的內(nèi)容區(qū)塊不要使用section元素定義。五section元素footer元素用于定義一個(gè)頁(yè)面或者區(qū)域的底部，它可以包含所有通常放在頁(yè)面底部的內(nèi)容。例如，下面的示例代碼。<article>

文章內(nèi)容 <footer>

文章分頁(yè)列表 </fo