HTML 链接属性
href 属性描述了链接的目标。
1、href:定义链接目标。
这是超链接最重要的属性,用来指定链接的目的地,可以是另一个网页、文件、邮件、电话号码或 JavaScript。
实例
访问 Example
2、target:定义链接的打开方式。
_blank: 在新窗口或新标签页中打开链接。
_self: 在当前窗口或标签页中打开链接(默认)。
_parent: 在父框架中打开链接。
_top: 在整个窗口中打开链接,取消任何框架。
实例
新窗口打开 Example
3、rel:定义链接与目标页面的关系。
nofollow: 表示搜索引擎不应跟踪该链接,常用于外部链接。
noopener 和 noreferrer: 防止在新标签中打开链接时的安全问题,尤其是使用 target="_blank" 时。
noopener: 防止新的浏览上下文(页面)访问window.opener属性和open方法。
noreferrer: 不发送referer header(即不告诉目标网站你从哪里来的)。
noopener noreferrer: 同时使用noopener和noreferrer。例子: <a href="https://www.example.com" rel="noopener noreferrer">安全链接</a>
实例
安全链接
4、download:提示浏览器下载链接目标而不是导航到该目标。
如果指定了文件名,浏览器会提示下载并保存为指定文件名。
例如:
实例
下载文件
5、title:定义链接的额外信息,当鼠标悬停在链接上时显示的工具提示。
实例
访问 Example
6、id:用于链接锚点,通常在同一页面中跳转到某个特定位置。
实例
跳转到第1部分
这是第1部分
7、hreflang: 指定链接的目标URL的语言
实例
访问西班牙语网站
8、type: 指定链接资源的MIME类型
实例
样式表
9、class: 用于指定元素的类名(CSS中定义)
实例
外部链接
10、style: 直接在元素上定义CSS样式
实例
红色链接