• 不断学习才有回报,学无止境!

HTML中的base标签的基本用法

html研究 箭翎 1246次浏览 0个评论 扫描二维码

<base> 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

<head>
<base href="https://blog.21121.net/go?url=aHR0cDovL3d3dy53M3NjaG9vbC5jb20uY24vaS8="  />
<base target="_blank" />
</head>
<body>
<img src="eg_smile.gif" />
<a href="https://blog.21121.net/go?url=aHR0cDovL3d3dy53M3NjaG9vbC5jb20uY24=" >W3School</a>
</body>

此处,<img> 元素的 src 属性为相对路径。默认情况下,应该使用当前文档所在的路径来扩展此相对路径。但是,由于在 <base> 元素规定了链接的默认地址,所以便以 http://www.w3school.com.cn/i/ 扩展基本路径。因此, <img> 元素 src 属性的实际取值应该是 http://www.w3school.com.cn/i/eg_smile.gif。
同样地,<base> 元素还指定了链接的默认目标为 _blank。所以当 <a> 元素未指定 target 属性时,target 则取值为 _blank,而不是原本默认的 _self。


箭翎 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明HTML中的base标签的基本用法
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址