HTML 链接标签

本文最后更新于：2024年3月18日 凌晨

HTML 链接标签

<a>

标签定义及使用说明

  • <a> 标签定义超链接，用于从一个页面链接到另一个页面。
  • <a> 元素最重要的属性是 href 属性，它指定链接的目标。
  • 在所有浏览器中，链接的默认外观如下：
    • 未被访问的链接带有下划线而且是蓝色的。
    • 已被访问的链接带有下划线而且是紫色的。
    • 活动链接带有下划线而且是红色的。
  • 注意：可以将href的值指向本页面中元素的id，即可跳转至该元素的位置。

提示和注释

  • 提示：如果没有使用 href 属性，则不能使用 hreflang,media,rel,target 以及 type 属性。
  • 提示：通常在当前浏览器窗口中显示被链接页面，除非规定了其他 target
  • 提示：请使用 CSS 来改变链接的样式。

属性

属性 值 描述
download filename 指定下载链接
href URL 规定链接的目标 URL
hreflang language_code 规定目标 URL 的基准语言，仅在 href 属性存在时使用
media media_query 规定目标 URL 的媒介类型，默认值：all，仅在 href 属性存在时使用
rel alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag		 规定当前文档与目标 URL 之间的关系，仅在 href 属性存在时使用
target _blank
_parent
_self
_top
framename		 规定在何处打开目标 URL，仅在 href 属性存在时使用
type MIME_type 规定目标 URL 的 MIME 类型，仅在 href 属性存在时使用，注：MIME = Multipurpose Internet Mail Extensions

标签定义及使用说明

  • <link> 标签定义文档与外部资源的关系。
  • <link> 标签最常见的用途是链接样式表。
  • 注意:link 元素是空元素，它仅包含属性。
  • 注意：此元素只能存在于 head 部分，不过它可出现任何次数。

属性

属性 值 描述
href URL 定义被链接文档的位置
hreflang language_code 定义被链接文档中文本的语言
media media_query 规定被链接文档将显示在什么设备上
rel alternate
archives
author
bookmark
external
first
help
icon
last
license
next
nofollow
noreferrer
pingback
prefetch
prev
search
sidebar
stylesheet
tag
up		 必需，定义当前文档与被链接文档之间的关系
sizes Height x Width
any		 定义了链接属性大小，只对属性 rel=“icon” 起作用
type MIME_type 规定被链接文档的 MIME 类型

实例

  • 链接到外部样式文件：
1
2
3
<head>
	<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Software Language HTML

本博客所有文章除特别声明外，均采用 CC BY-SA 4.0 协议 ，转载请注明出处！