婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > HTML5中的nav標簽學習筆記

HTML5中的nav標簽學習筆記

熱門標簽:漳州人工外呼系統排名 ai電銷機器人連接網關 鶴壁手機自動外呼系統怎么安裝 農村住宅地圖標注 鄭州電銷外呼系統違法嗎 中紳電銷智能機器人 跟電銷機器人做同事 威海營銷外呼系統招商 濟南辦理400電話

nav標簽全稱navigation,顧名思義,是導航的意思。根據HTML5的相關標準定義如下: "A section of a page that links to other pages or to parts within the page:
a section with navigation links." 中文翻譯大概意思是”頁面中的一個用來鏈接到其它頁面或者當前頁面的區域:一個含有導航鏈接的區域”。 這里非常清楚的定義了nav標簽的功能,這里和header類似并沒有指定必須是主導航,也可以是頁面其它部分的子導航。如下:

XML/HTML Code復制內容到剪貼板
  1. <h3>gbin1.com文章列表</h3>  
  2. <nav>  
  3.     <ul>  
  4.         <li><a href="#html5">HTML5文章介紹</a></li>  
  5.         <li><a href="#css3">CSS3文章介紹</a></li>  
  6.         <li><a href="#jquery">jQuery文章介紹</a></li>  
  7.         <ul>  
  8. </nav>  

在上面這個例子中,我們看到這里只是一個區域的文章導航,同樣也可以使用nav定義一個小型的頁面內導航。 但并不是頁面上的所有鏈接團體都需要放在nav標簽內,它主要是由頁面的主要導航塊組成。例如,我們通常在網站的頁腳里放一組鏈接,包括服務條款、網站介紹、版權聲明等,這時,我們通常使用footer,而不是nav。
一個頁面可可以包含多個nav標簽,作為頁面整體或者不同部分的導航。在下面的例子中,有兩個nav標簽,一個是網站的主體導航,另外一個是當前頁面本身的輔助鏈接導航。

XML/HTML Code復制內容到剪貼板
  1. <h1>雨打浮萍</h1>  
  2. <nav>  
  3.     <ul>  
  4.         <li><a href="/">首頁</a></li>  
  5.         <li><a href="#">html+css</a></li>  
  6.         ...more...   
  7.     </ul>  
  8. </nav>  
  9. <article>  
  10.     <header>  
  11.         <h1>html5語義化標簽之結構標簽</h1>  
  12.         <p><span>發表于</span>2011-12-22</p>  
  13.     </header>  
  14.     <nav>  
  15.         <ul>  
  16.             <li><a href="#">子導航</a></li>  
  17.             <li><a href="#">子導航</a></li>  
  18.             ...more...   
  19.         </ul>  
  20.     </nav>  
  21.     <div>  
  22.         <section id="public">  
  23.             <h1>section里面仍然可以再用h1標簽</h1>  
  24.             <p>...more...</p>  
  25.         </section>  
  26.         <section id="destroy">  
  27.             <h1>section里面仍然可以再用h1標簽</h1>  
  28.             <p>...more...</p>  
  29.         </section>  
  30.         ...more... </div>  
  31.     <footer>  
  32.         <p><a href="#">關于我們</a> |   
  33.             <a href="#">友情鏈接</a> |   
  34.             <a href="#">雜七雜八</a></p>  
  35.     </footer>  
  36. </article>  
  37. <footer>  
  38.     <p><small>© copyright 2011 </small></p>  
  39. </footer>  

nav標簽本身并不要求包含一個列表,它還可以包含其它內容形式。

XML/HTML Code復制內容到剪貼板
  1. <nav>  
  2.     <h1>Navigation</h1>  
  3.     <p>You are on my home page. To the north lies   
  4.         <a href="/blog">my blog</a>, from whence the sounds of battle can be heard. To the east you can see a large mountain,   
  5.         upon which many   
  6.         <a href="/school">school papers</a>are littered. Far up thus mountain you can spy a little figure who appears to   
  7.         be me, desperately scribbling a   
  8.         <a href="/school/thesis">thesis</a>.</p>  
  9.     <p>To the west are several exits. One fun-looking exit is labeled   
  10.         <a href="http://games.example.com/">"games"</a>. Another more boring-looking exit is labeled   
  11.         <a href="http://isp.example.net/">ISP™</a>.</p>  
  12.     <p>To the south lies a dark and dank   
  13.         <a href="/about">contacts page</a>. Cobwebs cover its disused entrance, and at one point you see a rat run quickly   
  14.         out of the page.</p>  
  15. </nav>  

標簽:文山 紅河 惠州 蘇州 萍鄉 甘南 營口 咸陽

巨人網絡通訊聲明:本文標題《HTML5中的nav標簽學習筆記》,本文關鍵詞  HTML5,中的,nav,標簽,學習,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML5中的nav標簽學習筆記》相關的同類信息!
  • 本頁收集關于HTML5中的nav標簽學習筆記的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 抚远县| 合山市| 遵化市| 驻马店市| 广东省| 乌拉特中旗| 陆河县| 九寨沟县| 台中县| 望都县| 繁昌县| 乐亭县| 临城县| 正定县| 韶关市| 濮阳县| 兴国县| 胶南市| 德格县| 马关县| 隆子县| 黄陵县| 汪清县| 林州市| 乌苏市| 腾冲县| 句容市| 黄龙县| 无棣县| 江阴市| 鄂尔多斯市| 马山县| 永仁县| 南雄市| 田东县| 轮台县| 兴化市| 罗山县| 久治县| 四子王旗| 天峻县|