HTML5中的a标签新增了哪些属性

HTML5中的a标签新增了哪些属性

HTML5中的a标签新增了多个属性，下面我们逐一介绍。

1. download属性

download属性可以让浏览器下载链接的资源而不是打开，这个属性的值是下载的文件名。

下面有个例子，点击链接后将下载图片，下载的文件名为“flower”：

<a href="rose.jpg" download="flower">下载图片</a>

2. hreflang属性

hreflang属性用于指定链接的文档语言。

下面有个例子：

<a href="http://example.com" hreflang="en">英文版本</a>

在这个例子中，这个链接是一个英文版本的网站。

3. rel属性

rel属性可以用于指定链接与当前文档的关系。常见的值有以下。

- alternate：用于指定当前文档的替代版本

- author：用于指定当前文档的作者

- bookmark：用于指定当前文档的书签

- help：用于指定当前文档为帮助文档

- license：用于指定当前文档的许可证

- next：用于指定当前文档的下一篇

- nofollow：用于指定这个链接不要被搜索引擎收录

- noreferrer：用于防止资源窃取

- prev：用于指定当前文档的上一篇

- search：用于指定当前文档为搜索文档

- tag：用于指定当前文档的标签

下面有个例子：

<a href="http://example.com" rel="nofollow">不要收录这个链接</a>

在这个例子中，这个链接不要被搜索引擎收录。

4. target属性

target属性用于指定链接的打开方式。

常见的值有以下：

- _self：在当前的浏览器窗口或框架中打开链接

- _blank：在新的浏览器窗口中打开链接

- _parent：在当前框架的父级中打开链接

- _top：在整个窗口中打开链接

下面有个例子：

<a href="http://example.com" target="_blank">在新的窗口中打开链接</a>

在这个例子中，这个链接在新的浏览器窗口中打开。

5. type属性

type属性用于指定链接的文档类型。

常见的值有以下：

- text/html：用于指定HTML文档

- image/jpg：用于指定JPEG图片

- audio/mpeg：用于指定MP3音频文件

- video/mp4：用于指定MP4视频文件

下面有个例子：

<a href="index.html" type="text/html">HTML文档链接</a>

在这个例子中，这个链接指向一个HTML文档。

总结

通过这篇文章，我们介绍了HTML5中a标签中新增的下载属性、文档语言属性、关系属性、打开方式属性和文档类型属性。这些属性能为开发者提供更好的用户体验和SEO效果。