HTML base标签 href 属性

返回到:HTML base标签

我们了解下HTML <base> href 属性。

定义和用法

href 属性规定页面中所有相对链接的基准 URL。

语法

<base href="URL">

属性值

描述
URL作为基准 URL 的绝对 URL(比如 “https://www.web176.com/”)。

浏览器支持

所有主流浏览器都支持 href 属性。

实例

为页面上所有相对 URL 规定基准 URL:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Web176教程(web176.com)</title>
<base href="https://www.web176.com//images/" target="_blank">
</head>
<body>

<p><img src="/images/logo.svg" width="100"> - 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base 标签,该标签指定了页面上所有链接的默认 URL,所以该图片的访问地址为 "https://www.web176.com/images/logo.svg"</p>

<p><a href="https://www.web176.com/">web176.com</a> - 注意这个链接会在新窗口打开,即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。</p>

</body>
</html>

返回到:HTML base标签

作者:terry,如若转载,请注明出处:https://www.web176.com/html_element/7213.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2022年10月21日 下午4:28
下一篇 2022年10月21日 下午4:40

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注