链接标签
链接 | ? |
<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浏览器中打开: