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
相關用法
- HTML <base> href屬性用法及代碼示例
- HTML <link> href屬性用法及代碼示例
- HTML <area> href屬性用法及代碼示例
- HTML <a> href屬性用法及代碼示例
- HTML5 MathML href屬性用法及代碼示例
- HTML Location href用法及代碼示例
- HTML Anchor href用法及代碼示例
- HTML Base href用法及代碼示例
- HTML Link href用法及代碼示例
- HTML Area href用法及代碼示例
- AngularJS ng-href用法及代碼示例
- Node.js urlObject.href用法及代碼示例
- SVG AElement.href屬性用法及代碼示例
- HTML <html> xmlns屬性用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML href Attribute。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。