嫣然含笑:<nav>標簽的學習與使用
<nav>元素代表一個部分包含鏈接,鏈接到其它頁面或者同一頁面的其它部分,主要定義了文檔中的導航部分。代碼如下:
<nav>
More Intoxmain:<a >Learn More About</a>
<a >Learn More About</a>
</nav>
以下是布局文檔的幾種帶有不同意義的標簽
1.<details>用于描述某個文檔或者部分模塊的細節,與<summary>標簽配合使用可以為details定義標題,標題是可見的,用戶點擊標題時,會顯示出details,代碼如下:
<details>
<summary>Copyright 2011.</summary>
<p>All pages and graphics on this web site are the property of W3School.</p>
</details>
2.<header>標簽可以包含任何內容,通常修飾文檔或文章的標題,可以包含一個<h1>~<h6>的標簽,或一個<hgroup>標簽,也可以包含<nav>標簽,<footer>標簽通常包含文檔的摘要信息部分或者作者。代碼如下:
<header>
<h1>我是header標題1</h1>
</header>
<p>正文</p>
<footer id="mainFooter">
codefordream com 2014 <a >Visit</a>
</footer>
3.<aside>標簽布局與當前文檔內容相關卻在文檔內容之外的內容,如:一片文章或者雜志專題的側邊欄,如下圖所示:
閉月羞花:測試題
題目要求:寫出布局專題的標簽,標題為“新聞,國內專題”,格式為h2;布局關于此專題的兩篇文章,標題和內容分別為:“2014南方暴雨”“2014南方暴雨詳情”“山西官場地震”“山西官場地震詳情介紹”,文章標題使用h3,介紹使用p標簽;添加導航鏈接到:“http://www.codefordream.com/”內容為“Learn More About”。代碼如下:
<section>
<h2>新聞,國內專題</h2>
<artice>
<h3>2014南方暴雨</h3>
<p>2014南方暴雨詳情</p>
</artice>
<artice>
<h3>山西官場地震</h3>
<p>山西官場地震詳情</p>
</artice>
</section>
<nav>
More Information:<a >Learn More About
</nav>