HTML href属性用法及代码示例

HTML href 属性用于指定文档的 URL。它包含用户请求的页面的完整地址。它用于将一个文档链接或连接到另一个文档。

支持的标签：

HTML <a> href 属性：用于指定链接所到页面的URL。如果 <a> 中不存在 href 属性，则该元素将不是超链接。

用法:

<a href="URL">

例：下面的代码说明了 <a> 元素中的 href 属性。

HTML


<html>
  
<body>
    <h1>GeeksforGeeks</h1>
    <h2>
    HTML | <a> href Attribute
    </h2>
    <a href="https://ide.geeksforgeeks.org/">
        Click to open in the same tab
    </a>
    <br>
    <a href="https://ide.geeksforgeeks.org/"
    target="_blank">
        Click to open in a different tab
    </a>
</body>
  
</html>

输出：

一个href

HTML <base> href 属性：HTML | <base> href 属性用于为页面的所有相对 URL 指定基本 URL。

用法:

<base href="URL">

例：下面的代码说明了 <base> 标签中的 href。

HTML


<!DOCTYPE html>
<html>
  
<head>
    <!-- Declaring the base URL -->
    <base href=
          "geeksforgeeks.org"
          target="_blank">
</head>
<h2>GeeksforGeeks</h2>
<h3>
HTML | base href Attribute
</h3>
  
<body>
    <img src="geeksimage.PNG"
        width="600"
        height="250">
</body>
  
</html>

输出：

基本 href 属性

HTML <area> href 属性：<area> href 属性用于指定目标页面的URL。当 <area> 中不存在 href 属性时，元素将不会是超链接。

用法:

<area href="URL">

例：下面的代码说明了 <area> 标签中 href 属性的使用。

HTML


<!DOCTYPE html>
<html>
  
<body style="text-align:center;">
    <img src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190227165729/area11.png"
        alt="alt_attribute" width="300" height="119" class="aligncenter"
        usemap="#shapemap" />
  
    <map name="shapemap">
          
        <!-- area tag contained image. -->
        <area shape="poly" coords="59, 31, 28, 83, 91, 83" href=
"https://media.geeksforgeeks.org/wp-content/uploads/20190227165802/area2.png"
        alt="Triangle">
          
        <area shape="circle" coords="155, 56, 26" href=
"https://media.geeksforgeeks.org/wp-content/uploads/20190227165934/area3.png"
        alt="Circle">
          
        <area shape="rect" coords="224, 30, 276, 82" href=
"https://media.geeksforgeeks.org/wp-content/uploads/20190227170021/area4.png"
        alt="Square">
    </map>
</body>
  
</html>

输出：

HTML <link> href 属性：HTML <link> href 属性用于指定链接文档的 URL。它主要包含样式表文件的 URL。

用法:

<link href = "url">

例：下面的代码说明了 <link> 标签中 href 属性的使用。

HTML


<!DOCTYPE html>
<html>
  
<head>
    <link id="linkid"
        rel="stylesheet"
        type="text/css"
        href="style.css"
        sizes="16*16"
        hreflang="en-us">
</head>
  
<body style="text-align:center;">
    <h2>GeeksforGeeks</h2>
    <b>link href Attribute</b>
</body>
  
</html>

输出：

如何使用链接属性

支持的浏览器：

谷歌浏览器
IE浏览器
Firefox
Opera
Safari

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML href Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。