HTML的base标签
HTML base标签
HTML中的<base>
标签是一个非常重要的标签,用于指定在页面中所有超链接的默认URL。通常情况下,<base>
标签是放置在页面头部的,以确保在页面加载时先被处理。
语法
<base href="URL" target="_blank|_parent|_self|_top">
href
属性指定所有链接的基础路径,而target
属性指定了链接文档在哪里显示。通常情况下,href
属性是必需的,而target
属性是可选的。
用途
<base>
标签主要有两个作用:
- 指定页面中所有相对链接的默认目标路径。
- 设置页面的默认打开方式。
设置所有超链接的默认路径
<base>
标签中的href
属性指定了页面中所有相对链接的基础路径。例如:
<!DOCTYPE html>
<html>
<head>
<base href="https://example.com/">
</head>
<body>
<a href="page1.html">Page 1</a>
<a href="page2.html">Page 2</a>
<a href="page3.html">Page 3</a>
</body>
</html>
上面的HTML代码中,<base>
标签指定了所有相对路径是相对于 https://example.com/
。因此,<a>
标签中的链接会变成 https://example.com/page1.html
, https://example.com/page2.html
, https://example.com/page3.html
。
设置链接的默认打开方式
<base>
标签的target
属性指定了链接文档在哪里显示。该属性可以有四种不同的值:
_blank
:在一个新的窗口或标签页中打开链接文档。_self
:默认情况下,将链接文档加载到相同的窗口或标签页中。_parent
:在当前页面的父级窗口或标签页中加载文档。_top
:在顶级窗口或标签页中加载链接文档。
<!DOCTYPE html>
<html>
<head>
<base target="_blank">
</head>
<body>
<a href="page1.html">Page 1</a>
<a href="page2.html">Page 2</a>
<a href="page3.html">Page 3</a>
</body>
</html>
上面的代码中,<base>
标签中指定了target
属性为_blank
,这意味着当用户单击链接时,所有链接将在一个新的浏览器窗口或标签页中打开。
注意事项
- 对于绝对链接来说,
<base>
标签没有任何作用。 - 页面中只能存在一个
<base>
标签。 - 必须将
<base>
标签放在<head>
标签中。
结论
<base>
标签是HTML中的一个非常有用的标签,它可以指定页面中所有相对链接的默认目标路径,并且可以设置页面的默认打开方式。在实际使用过程中,我们应该根据具体需要来选择<base>
标签的属性。