HTML <a> 标签
主题：HTML5 标签参考上一页|下一页
说明
<a>（anchor 的缩写）标签定义了一个超链接。
锚点，即 <a> 元素可以以两种方式使用：
- 要创建指向另一个文档的链接，请使用
href属性。 - 要在文档中创建书签，请使用
id属性。
下表总结了此标签的使用上下文和版本历史。
| Placement: | Inline |
|---|---|
| Content: | 内嵌和文本 |
| 开始/结束标签： | 开始标签： required, 结束标签：required |
| 版本： | HTML 2, 3.2, 4, 4.01, 5 |
在下面的示例中，<a> 标签定义了一个链接。 源锚是文本"W3C Website"，目标锚是"https://www.w3.org/"：
<a href="https://www.w3.org/">W3C Website</a>
此链接指定"万维网联盟"网站的主页。 当用户单击它时，Web 浏览器将检索资源，在本例中为 HTML 文档。
注意： <a> 标签最重要的属性是href 属性，它表示超链接的目的地。
默认情况下，链接在大多数浏览器中会显示如下：
- 未访问的链接带有下划线和蓝色。
- 访问过的链接带有下划线和紫色。 li>活动链接带有下划线和红色。
但是，您可以使用 CSS 覆盖它。 详细了解样式链接。
语法
<a> 标签的基本语法如下：
HTML / XHTML: <a href="URL"> ... </a>
下面的示例显示了 <a> 标签的作用。
<a href="http://www.qyoo.cn/">Tutorial Republic</a>
<a href="kites.jpg"><img src="kites-thumb.jpg" alt="kites"></a>
<a href="https://www.google.com/">Google Search</a>标签特定属性
下表显示了特定于 <a> 标签的属性。
| 属性 | 值 | 说明 |
|---|---|---|
charset |
charset | Obsolete 指定链接资源的字符编码。 |
coords |
x,y coordinates | Obsolete 指定链接在屏幕上的位置。 |
download |
filename | 指定当用户单击链接时是否下载链接的资源而不是导航到它。 |
href |
URL | 指定目标文档或 Web 资源（例如图像、PDF 或其他媒体文件）的位置。 |
hreflang |
language-code | 指定链接文档的语言。 此属性只能在指定 href 时使用。 |
media |
media-query | 指定为其设计链接资源的媒体。 |
name |
text | Obsolete 指定锚点的名称。 请改用 全局属性 id。 |
rel |
alternate |
描述包含超链接的文档与链接资源之间的关系。 仅当存在 href 属性时才应使用此属性。 |
rev |
link-type | Obsolete 描述链接文档与源文档的关系（与 rel 属性相反）。 |
shape |
rect |
Obsolete 指定热点区域的形状，即超链接的可选区域。 |
target |
_blank_parent_self_topframename |
定义一个目标以打开 href 属性中指定的链接资源。 |
type |
content-type | 指定链接内容的内容类型（MIME类型）– 例如，"image/jpeg"、"text/html"等。 |
全局属性
与所有其他 HTML 标签一样， <a> 标签支持 HTML5 中的全局属性。
事件属性
<a> 标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <a> 标签。
 |
基本支持—
|
进一步阅读
相关标签： <base>.
Advertisements