HTML <a> 标签的 href 属性

HTML <a> 标签HTML <a> 标签

<a> 标签的 href 属性用于指定超链接目标的 URL。

href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。如果用户选择了 <a> 标签中的内容,那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档,或者执行 JavaScript 表达式、方法和函数的列表。

 

1. 范例

href 属性规定链接的目标:

<a href="http://www.codebaoku.com">codebaoku 编程教程</a>

我要试一试

 

2. 提示和注释

注意:<a> 标签中必须提供 href 属性或 name 属性。

 

3. 制作文本链接

一个引用其他文档的简单 <a> 标签可以是下列形式:

<a href="http://www.codebaoku.com">codebaoku 编程教程</a>

浏览器用特殊效果显示短语“codebaoku 编程教程”(通常是带下划线的蓝色文本),这样用户就会知道它是一个可以链接到其他文档的超链接。就像这样:

codebaoku 编程教程

用户还可以利用浏览器中的选项来自己指定文本颜色、设置链接前和链接后链接文本的颜色。

 

4. 语法

<a href="value">

属性值

描述
URL 超链接的 URL。可能的值:
  • 绝对 URL - 指向另一个站点(比如 href="http://www.example.com/index.htm")
  • 相对 URL - 指向站点内的某个文件(href="index.htm")
  • 锚 URL - 指向页面中的锚(href="#top")

 

5. TIY 范例

HTML <a> 标签HTML <a> 标签

HTML <a> 标签的 hreflang 属性:<a> 标签的 hreflang 属性用于指定被链接文档的语言。仅在使用 href 属性时才可以指定 hreflang 属性。和 lang 属性类似,hreflang 属性的值也是 ISO 标准的双字符语言代码。和 lang 属性不同的是,hreflang 属性不会指定标签中的内容所使用的语言,而是指定被 href 属性调用的文档所使用的语言。