HTMLhref 属性


<base> 元素的 href 属性为所有相对 URL 设置基本 URL。 例如,基本 URL 为https://example.com/tutorials,对于所有的相对 URL,比如 /html, /java, /jquery 等,最后结果为-

https://example.com/tutorials/html
https://example.com/tutorials/java
https://example.com/tutorials/jquery

以下是语法 −

<base href="absolute_URL">

在上面,绝对的 _URL 是基本 URL 的绝对 url。 现在,让我们看一个示例来实现 <base> 元素的 href 属性 −

示例

 实时演示

<!DOCTYPE html>
<html>
<head>
<base href="https://www.example.com/tutorials/">
</head>
<body>
   <h2>Tutorials List</h2>
   <p><a href="java.html">Java Tutorial</a></p><p>(This will act as https://www.example.com/tutorials/java.html)</p>
   <p><a href="jquery.html">jQuery Tutorial</a></p><p>(This will act as https://www.example.com/tutorials/jquery.html)</p>
   <p><a href="blockchain.html">Blockchain Tutorial</a></p><p>(This will act as https://www.example.com/tutorials/blockchain.html)</p>
   <p><a href="python.html">Python Tutorial</a></p><p>(This will act as https://www.example.com/tutorials/python.html)</p>
</body>
</html>

输出

在上述示例中,我们把基本 URL 设置为 −

<base href="https://www.example.com/tutorials/">

在我们引用java.html后,最终它起的作用类似于 −

https://www.example.com/tutorials/java.html

更新于: 29-Jun-2020

156 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始吧
广告