以下是一个简单的 <base> 标签的示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Base Tag Example</title>
<base href="https://www.example.com/">
</head>
<body>
<p><a href="page.html">Link to Page</a></p>
</body>
</html>
在这个例子中,<base> 元素的 href 属性指定了基本 URL(https://www.example.com/)。页面中的相对链接(如 <a> 元素中的 "page.html")将以这个基本 URL 为准进行解析。因此,这个相对链接实际上会指向 https://www.example.com/page.html。
使用 <base> 可以方便地设置文档中所有相对链接的基础 URL,而不必在每个链接中都提供绝对路径。需要注意的是,每个文档中只能有一个 <base> 元素。
请注意,<base> 元素还可以包含 target 属性,用于指定在何处打开链接的默认目标。例如:
<base href="https://www.example.com/" target="_blank">
上述代码表示链接将在新的浏览器窗口或标签页中打开。
转载请注明出处:http://www.zyzy.cn/article/detail/3700/HTML5