常用属性
a标签作为超链接标签,具有以下常用属性:
- href:用于指定链接的目标URL地址,可以是绝对或相对地址;
- target:用于指定链接如何打开,常见取值有_blank(在新窗口中打开)、_self(在当前窗口打开)、_parent(在父级窗口打开)、_top(在顶层窗口打开);
- rel:用于指示链接与当前文档之间的关系,常见取值有nofollow(用于搜索引擎指示不要跟踪链接)、noopener(用于防止跨窗口引用)等;
- download:用于指定链接目标资源的下载,指定该属性后,浏览器会将文件下载到客户端而不是在浏览器中打开。
除了上述常用属性外,还有一些在特殊场合下使用的属性,例如:
- title:链接的标题,当鼠标悬停在链接上时会显示;
- media:根据媒体查询条件指定只在特定设备或媒体模式下显示链接;
- type:指定链接目标资源的MIME类型;
- hreflang:指示链接目标资源的自然语言。
需要注意的是,不同属性的使用,以及属性值的组合都会对链接的行为产生不同的影响。
自定义属性
dataset.url
是a标签的一个自定义数据属性(data-*),其命名规则是data-加上自定义的属性名称,可以有多个单词通过连字符(-)连接。
在a标签中,我们可以通过 dataset.url
来获取 data-url
这个自定义属性的值,这个值可以是任何字符串类型的内容。一般情况下,自定义数据属性的名称和值与页面上的内容没有直接关联,而是用于 Javascript 代码中处理特定的操作。例如,我们可以通过自定义属性来存储一些与页面交互相关的数据,比如记录网页中不同元素的状态等。
需要注意的是,如果自定义属性名称包含多个单词,则在 Javascript 中访问时应该使用驼峰命名法。例如,data-my-property
应该使用 dataset.myProperty
来访问。