HTML base标签 href 属性

我们了解下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

这个人很懒，什么都没有留下～