HTML href 属性
<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
广告