(17)HTML标签详解之<a> <nav>

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:someone@microsoft.com?subject=Hello%20again">发送邮件</a>

                  其中% 20代表单词之间的 空格。

            <a href="mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com

               &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>