HTML5: base元素

勤奋的程哥

于 2022-03-13 00:39:50 发布

阅读量330

点赞数 1

文章标签： html5 elementui 前端

本文链接：https://blog.csdn.net/hsjajwbsbsjs/article/details/123452818

版权

大家好，我是阿闽。我来准时更HTML元素复习博客啦。话不多说，直接开整

base元素

简介
类型
父元素
局部属性

简介

为文档设置一个基URL作为目录，HTML文档中的相对链接在此基础上进行解析。相对链接省略了URL协议、主机和端口，需要根据别的URL（譬如base元素指定的URL，或文档所在目录）得出完整URL。
还能设定链接在被用户点击时的打开方式（target属性）。

类型

元数据元素

父元素

head元素

局部属性

href

所指定的根URL
代码（不要复制粘贴，因为base指定非本地服务器会被拒绝）：

<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8"/>
	<base href="http://cmtheit.com/"/>
	<title> base元素实例</title>
</head>
<body>
	<img src="/image/bg1.jpg">
	这里是base元素与用法示例
</body>
</html>

代码URL：
http:cmtheit.com/temp/blog/base/base.html

target

此属性指定用户打开链接的方式。
下面讨论允许的各种取值

_blank

通常是创建一个新的标签，但用户可以设定为新开一个浏览器界面。

### _self 在当前窗口打开链接

_parent

在窗口栈中当前窗口的上一个打开链接。若没有父窗口，则在当前窗口（_self）打开

_top

在窗口栈的底层（没错，实际上是底层栈口而非顶层）打开链接（包括当前窗口）。

<!DOCTYPE HTML>
<html>
<head>
	<base target="_blank">
	<meta charset="utf-8">
	<title> base实例</title>
</head>
<body>
	<a href="https://www.python.org">这里是Python官网</a>
	<a href="https://www.taobao.com" target="_self">这里是淘宝网</a>
	<!-- 说明base元素设定的target可以被a元素的target覆盖-->
</body>
</html>