html 的 a 标签全称 anchor 标签，中文叫锚标签，是 html 里面专门用来创建超链接的行内元素，它最核心的作用就是实现页面跳转，可以跳转到别的网页本地文件指定锚点位置，也可以触发邮件电话协议，a 标签属于行内元素，默认不会独占一行，标签内部可以放置文字图片按钮样式内容，跳转目标是通过 href 属性来定义，href 是 a 标签最重要的属性，如果不写 href，这个 a 标签就失去超链接的核心功能，仅仅只是普通文本，a 标签也是网页之间互相串联的基础，互联网网页能够互相跳转，核心就是依靠大量 a 标签实现，很多初学者容易混淆 a 标签的 href 和 name 旧用法，旧版本 html 里面 name 属性用来做页内锚点，现在新标准已经推荐改用 id 属性配合 href 加井号实现页内定位，同时 a 标签还有 target rel download 等常用属性，控制打开方式安全策略下载行为，在实际开发里面 a 标签经常会结合 css 修改样式，去掉默认下划线，还会搭配 js 做拦截跳转，但是要注意滥用 js 拦截 a 标签会破坏原生可访问性，下面会深度讲解定义属性语法还有常见用法。

基础语法结构

a 标签是双标签，必须有开始标签和闭合标签

标签里面显示的内容可以是文字，也可以嵌套图片，还可以放图标文字组合，默认样式是蓝色文字并且带有下划线，鼠标悬浮会变成手型光标，这个是浏览器内置默认样式，可以通过 css 覆盖。

a 标签核心属性说明表格

a 标签常见使用场景

第一 外部网页跳转，href 填写完整 url 地址，点击之后访问别的网站

第二 站内页面跳转，href 填写相对路径，跳转到本站其他 html 页面

第三 页内锚点跳转，href 填写井号加上元素 id，点击之后滚动到当前页面指定位置

第四 特殊协议调用，href 写 mailto 开头可以唤起邮件客户端，tel 开头可以唤起拨号

第五 文件下载，配合 download 属性，点击 a 标签直接下载资源文件

重点注意事项

当 target 设置为_blank 新标签打开的时候，强烈建议加上 rel 等于 noopener noreferrer，这个是安全相关设置，可以防止新打开页面通过 window.opener 篡改原页面，属于现代前端开发规范要求。

a 标签是行内元素，默认不能直接设置宽高，如果想要设置宽高，需要通过 css 改成 inlineblock 或者 block。

如果 href 写空值也就是 href=""，点击之后页面会回到顶部，这个是开发经常用到的写法，但是如果只是想做点击事件不跳转，推荐使用 href="javascript：void (0)" 或者改成 button 元素，避免产生多余跳转行为。

旧标准里面 a 标签的 name 属性已经废弃，不要再继续使用 name 做锚点，统一使用 id 属性。

代码示例

页内锚点示例

【常见问题】

问题 1 html 的 a 标签必须写 href 属性吗

回答 1 html 的 a 标签定义核心就是超链接，标准可用的 a 标签一般都要写 href 属性，如果不写 href，html 的 a 标签就只是普通行内文本，不具备点击跳转的超链接功能。

问题 2 html 的 a 标签 target 等于_blank 是什么含义

回答 1 根据 html 的 a 标签的定义，target 属性用来控制打开方式，html 的 a 标签设置 target="_blank" 代表点击之后在新的浏览器标签页打开目标链接。

问题 3 html 的 a 标签为什么旧的 name 属性不推荐使用

回答 1 按照新版 html 规范，html 的 a 标签的定义已经更新，原来依靠 name 做页内锚点的写法已经废弃，html 的 a 标签现在推荐使用 id 属性，配合 href 加井号实现页内锚点跳转。

问题 4 html 的 a 标签可以包裹图片吗

回答 1 依据 html 的 a 标签的定义，它是行内容器元素，html 的 a 标签内部可以放置图片，把图片做成可点击的图片超链接，是开发非常常用的写法。

【免责申明】

本文属于前端基础技术科普，html 规范会随版本迭代，不同浏览器对 a 标签部分属性支持存在差异，实际项目开发请结合标准规范和浏览器兼容要求使用 html 的 a 标签，本内容不能替代正式项目设计与兼容性测试，不作为生产开发唯一依据。