HTML中base标签的作用

最新推荐文章于 2024-08-17 16:08:32 发布

木钱

最新推荐文章于 2024-08-17 16:08:32 发布

阅读量2k

点赞数 1

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/qq_44292439/article/details/110851162

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

HTML的<base>标签用于设置页面所有链接的默认地址或目标属性。它使得浏览器在解析相对URL时，使用指定的基础URL而非当前文档URL。此标签通常在<head>内使用，影响包括<a>、<img>、<link>和<form>等标签中的URL。示例中展示了如何使用<base>标签改变链接和图片的默认行为。

摘要由CSDN通过智能技术生成

HTML中`<base>`标签的作用

相信很多人都没有用过标签，其实我也没用过，这个标签适用于一些特殊的场景，一般我们是用不到的，下面给大家介绍一下它的作用

`<base>`标签定义及用法

<base>标签为页面上的所有链接规定默认地址（目录）或默认属性（target属性）。

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用<base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

`<base>`标签格式

<base>标签要在<head>标签中写

<base href="跳转链接" target="跳转方式" />

示例

<body>
		<a href="/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1607393642&di=03578c1461c93597fc7297965865088c&src=http://a4.att.hudong.com/27/67/01300000921826141299672233506.jpg">
			跳转到图片页
		</a>
		<br>
		<img width="200" src="/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1607393642&di=03578c1461c93597fc7297965865088c&src=http://a4.att.hudong.com/27/67/01300000921826141299672233506.jpg" >
	</body>