<万博manbetx平台> 万博manbetx平台超链接标签<a> - 万博manbetx平台中文网

推荐手册

万博manbetx平台教程手册（新） >> 万博manbetx平台标签

其他教程参考

超链接<a>

超链接<a>

万博manbetx平台超链接标签<a> 用于定义超链接，用于从一个页面链接到另一个页面。

灭绝小师太更新时间：2019-04-12 17:40:19

具体内容
相关视频
相关知识
最新评论

万博manbetx平台 <a> 标签

标签定义及使用说明

<a> 标签定义超链接，用于从一个页面链接到另一个页面。

<a> 元素最重要的属性是 href 属性，它指定链接的目标。

在所有浏览器中，链接的默认外观如下：

未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的

浏览器支持

所有主流浏览器都支持 <a> 标签。

提示和注释

提示：如果没有使用 href 属性，则不能使用 hreflang、media、rel、target 以及 type 属性。

提示：通常在当前浏览器窗口中显示被链接页面，除非规定了其他 target。

提示：请使用 CSS 来改变链接的样式。

万博manbetx平台 4.01 与万博manbetx平台5之间的差异

在万博manbetx平台 4.01 中，<a> 标签既可以是超链接，也可以是锚。在万博manbetx平台5 中，<a> 标签是超链接，但是假如没有 href 属性，它仅仅是超链接的一个占位符。

万博manbetx平台5 有一些新的属性，同时不再支持一些万博manbetx平台 4.01 的属性。

属性

New ：万博manbetx平台5 中的新属性。

属性	值	描述
charset	char_encoding	万博manbetx平台5 不支持。规定目标 URL 的字符编码。
coords	coordinates	万博manbetx平台5 不支持。规定链接的坐标。
downloadNew	filename	指定下载链接
href	URL	规定链接的目标 URL。
hreflang	language_code	规定目标 URL 的基准语言。仅在 href 属性存在时使用。
mediaNew	media_query	规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。
name	section_name	万博manbetx平台5 不支持。规定锚的名称。
rel	alternate author bookmark help license next nofollow noreferrer prefetch prev search tag	规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
rev	text	万博manbetx平台5 不支持。规定目标 URL 与当前文档之间的关系。
shape	default rect circle poly	万博manbetx平台5 不支持。规定链接的形状。
target	_blank _parent _self _top framename	规定在何处打开目标 URL。仅在 href 属性存在时使用。
typeNew	MIME_type	规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。注：MIME = Multipurpose Internet Mail Extensions。

全局属性

<a> 标签支持万博manbetx平台的全局属性。

事件属性

<a> 标签支持万博manbetx平台的事件属性。

实例

链接到万博manbetx平台中文网：

实例

<!DOCTYPE 万博manbetx平台>
<万博manbetx平台>
<head>
<meta charset="utf-8">
<title>万博manbetx平台中文网(762w6o.com)</title>
</head>
<body>

<a href="https://www.762w6o.com">万博manbetx平台中文网</a>

</body>
</万博manbetx平台>

运行实例 »

点击 "运行实例" 按钮查看在线实例

创建超级链接

实例

<!DOCTYPE 万博manbetx平台>
<万博manbetx平台>
<head> 
<meta charset="utf-8"> 
<title>万博manbetx平台中文网(762w6o.com)</title> 
</head>
<body>

<p> 
这是一个网址链接 <a href="https://www.762w6o.com/">万博manbetx平台中文网</a>。
</p>

<p>
这是一个站内链接 <a href="https://www.762w6o.com/doc/万博manbetx平台/start/">万博manbetx平台 教程</a>。
</p>

</body>
</万博manbetx平台>

运行实例 »

点击 "运行实例" 按钮查看在线实例

本例演示如何在万博manbetx平台文档中创建链接。

在新的浏览器窗口打开链接

实例

<!DOCTYPE 万博manbetx平台>
<万博manbetx平台>
<head> 
<meta charset="utf-8"> 
<title>万博manbetx平台中文网(762w6o.com)</title> 
</head>
<body>

<a href="https://www.762w6o.com/" target="_blank">访问万博manbetx平台中文网!</a>

<p>如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。</p>

</body>
</万博manbetx平台>

运行实例 »

点击 "运行实例" 按钮查看在线实例

本例演示如何在新窗口打开一个页面，这样的话访问者就无需离开您的站点了。

创建电子邮件链接

实例

<!DOCTYPE 万博manbetx平台>
<万博manbetx平台>
<head> 
<meta charset="utf-8"> 
<title>万博manbetx平台中文网(762w6o.com)</title> 
</head>
<body>

<p>
这是一个电子邮件链接：
<a href="mailto:[email protected]?Subject=Hello%20again" target="_top">
发送邮件</a>
</p>

<p>
<b>注意：</b>单词之间的空格需要使用%20来表示，以确保浏览器能真正解析空格。</p>

</body>
</万博manbetx平台>

运行实例 »

点击 "运行实例" 按钮查看在线实例

本例演示如何链接到一个邮件。（本例在安装邮件客户端程序后才能工作。）

创建电子邮件链接 2

实例

<!DOCTYPE 万博manbetx平台>
<万博manbetx平台>
<head> 
<meta charset="utf-8"> 
<title>万博manbetx平台中文网(762w6o.com)</title> 
</head>
<body>

<p>
这是另一个电子邮件链接：
<a href="mailto:[email protected][email protected]&[email protected]&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!" target="_top">发邮件!</a>
</p>

<p>
<b>注意：</b>单词之间的空格需要使用%20来表示，以确保浏览器能真正解析空格。</p>

</body>
</万博manbetx平台>

运行实例 »

点击 "运行实例" 按钮查看在线实例

本例演示更加复杂的邮件链接。

使用锚跳转到同一个页面的不同位置

实例

<!DOCTYPE 万博manbetx平台>
<万博manbetx平台>
<head>
<meta charset="utf-8"> 
</head>
<body>

<h2><a id="top">这是标题，底部链接可以链接到这</a></h2>

<p>万博manbetx平台中文网 - 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网 - 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网 - 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网 - 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网 - 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网 - 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网 - 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网 - 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网 - 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<p>万博manbetx平台中文网- 学的不仅是技术，更是梦想！<br><br><br><br></p>
<a href="#top">链接到标题</a>
</body>
</万博manbetx平台>

运行实例 »

点击 "运行实例" 按钮查看在线实例

本例演示如何使用锚的 id 属性跳转到页面的不同位置（万博manbetx平台5 不支持 name 属性）。

万博manbetx平台中文网

联系QQ：88526

网站导航: 标签地图; 学习路径; 视频教程; 开发软件

旗下子站: 技术文章; 文档工具

关于我们: 企业合作; 人才招聘; 联系我们; 讲师招募

QQ交流群

微信公众号

Copyright © 2018-2019 万博manbetx平台中文网 All Rights 万博manbetx平台中文网，专注于大前端知识，一站式万博manbetx平台自学平台！
工信部备案号：皖ICP备18014864号-5