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

最新推荐文章于 2025-09-17 09:20:05 发布

转载最新推荐文章于 2025-09-17 09:20:05 发布 · 2.1k 阅读

文章标签：

23 篇文章

订阅专栏

本文详细介绍了HTML中的<a>标签和<nav>标签的使用方法，包括如何定义超链接、设置链接的不同状态、使用命名锚点、控制链接目标窗口等。同时，也介绍了<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>