(17)HTML標籤詳解之

HTML標籤詳解之<a> <nav> 

     <a> 標籤定義超鏈接,用於從一張頁面鏈接到另一張頁面。 <a> 元素最重要的屬性是 href 屬性,它指示鏈接的目標。<a>元素有四種狀態:未訪問(link)、訪問過(visited)、懸浮(hover)、激活(active)。可以通過CSS的僞元素來對其進行控制。 順序爲 L 、V 、H、A 。

      <a>元素都有其自身的默認樣式,絕大部分情況都是要對其進行清除默認樣式然後重新設置:

                    <a style=“text-decoration:none;”>這是鏈接</a>
       <a>元素是內聯元素,有時需要將其轉爲塊級元素,然後對其設置樣式,擴大鼠標的鏈接區域做成類似按鈕型的鏈接。<a>元素經常與<li>標籤連用,做成導航欄。

       <a>元素不僅可以鏈接到外部網頁,還可以鏈接到本頁的某個特定的區域,此時稱其爲命名錨,用name屬性進行定位,但是建議使用ID屬性進行定位。

        <a>元素還有一個常用的屬性是target,用於控制鏈接是在何處打開,常用屬性值有_blank 和 _self

                  用<a>標籤來創建發送郵件鏈接

            <a href="mailto:[email protected]?subject=Hello%20again">發送郵件</a>
                  其中%20代表單詞之間的空格。
            <a href="mailto:[email protected][email protected]&[email protected]
               &subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">發送郵件!</a>

        <nav> 標籤定義導航鏈接的部分。如果文檔中有“前後”按鈕,則應該把它放到 <nav> 元素中。<nav> 標籤通常與<a>標籤連用。
 
<nav>
<a href="index.asp">Home</a>
<a href="html5_meter.asp">Previous</a>
<a href="html5_noscript.asp">Next</a>
</nav>



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章