HTML 链接标签的学习
链接标签
标签 | 描述 |
---|---|
a | 定义一个链接 |
link | 定义文档与外部资源的关系。 |
nav | 定义导航链接 |
a 标签
<a>
标签定义超链接,用于从一个页面链接到另一个页面。
<a>
元素最重要的属性是 href 属性,它指定链接的目标。
在所有浏览器中,链接的默认外观如下:
未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的
HTML5中的属性
属性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持。规定目标 URL 的字符编码。 |
coords | coordinates | HTML5 不支持。规定链接的坐标。 |
download | filename | 指定下载链接 |
href | URL | 规定链接的目标 URL。 |
hreflang | language_code | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
media | media_query | 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。 |
name | section_name | HTML5 不支持。规定锚的名称。 |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 |
rev | text | HTML5 不支持。规定目标 URL 与当前文档之间的关系。 |
shape | default rect circle poly |
HTML5 不支持。规定链接的形状。 |
target | _blank _parent _self _top framename* |
规定在何处打开目标 URL。仅在 href 属性存在时使用。 |
type | MIME_type | 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。 注:MIME = Multipurpose Internet Mail Extensions。 |
实例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接标签:a标签</title>
</head>
<body>
<!-- <a>标签中的target属性: target="_self"在本页面打开,target="_blank"在新页面打开-->
<!--当前页面打开指定网页-->
<a href="https://www.baidu.com">百度一下</a> <!--默认在当前页面打开指定链接-->
<br />
<!--当前页面打开指定网页-->
<a href="https://www.baidu.com", target="_self">百度两下</a> <!--指定在本页面打开指定链接-->
<br />
<!--新页面中打开指定网页-->
<a href="https://www.baidu.com", target="_blank">百度三下</a> <!--指定在新页面打开指定链接-->
<br />
<!--指定本地文件,打开本地文件-->
<a href="/图片标签/HTML_img.html">本地文件</a> <!--指定在本页面打开本地文件-->
<br />
<!--点击图片,跳转到百度一下网页-->
<a href="https://www.baidu.com", target="_blank">
<img src="百度一下.png"> <!--在百度一下.png图片中插入链接,点击图片跳转到插入的链接-->
</a>
</body>
</html>
Google浏览器中打开:
本文来自博客园,作者:LeeHua,转载请注明原文链接:https://www.cnblogs.com/liyihua/p/12337520.html