當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。