HTML 标签的 href 属性

href 属性规定被链接文档的位置(URL)。适用于<a>,<area>,<base>,<link>等标签。


实例

在下面的例子中,href 属性指向了一个外部样式表的位置:

  1. <html>
  2. <head>
  3. <link rel="stylesheet" type="text/css" href="/html/csstest1.css">
  4. </head>
  5. <body>
  6. <h1>我通过外部样式表进行格式化。</h1>
  7. <p>我也一样!</p>
  8. </body>
  9. </html>

定义和用法

href 属性规定被链接文档的位置(URL)。适用于<a>,<area>,<base>,<link>等标签。


提示和注释

注释:如果需要,应该对所有的 URL 进行 URL 编码。


语法

  1. <link href="value">
属性值
描述
URL

超链接的 URL。可能的值:

更多实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h1>a 标签的 href 属性</h1>
  5. <p>绝对地址url: <a href="https://cankaoshouce.com">参考手册</a></p>
  6. <p>相对地址url: <a href="/html-attribute/html-href.html">HTML 标签的 href 属性</a></p>
  7. </body>
  8. </html>
  1. <img src="planets.gif" width="145" height="126" alt="Planets"
  2. usemap="#planetmap">
  3. <map name="planetmap">
  4. <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  5. <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  6. <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
  7. </map>
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <base href="https://cankaoshouce.com/images/">
  5. </head>
  6. <body>
  7. <h1>The base href attribute</h1>
  8. <p><img src="demo.png" width="24" height="39" alt="Stickman"> - 请注意,我们只为图像指定了一个相对地址。因为我们已经在head部分指定了一个基本URL,所以浏览器将在 "https://cankaoshouce.com/images/demo.png" 定位到图片。</p>
  9. </body>
  10. </html>