HTML的base标签


HTML base标签

HTML中的<base>标签是一个非常重要的标签,用于指定在页面中所有超链接的默认URL。通常情况下,<base>标签是放置在页面头部的,以确保在页面加载时先被处理。

语法

<base href="URL" target="_blank|_parent|_self|_top">

href属性指定所有链接的基础路径,而target属性指定了链接文档在哪里显示。通常情况下,href属性是必需的,而target属性是可选的。

用途

<base>标签主要有两个作用:

  1. 指定页面中所有相对链接的默认目标路径。
  2. 设置页面的默认打开方式。
设置所有超链接的默认路径

<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>标签的属性。