本文概述
- 在新窗口中打开(在< base> 标记中使用_blank)
- 属性
- 全局属性
- 事件属性
- 支持的浏览器
在文档中只能指定一个< base> 元素, 并且必须将其放置在< head> 元素中。我们还可以使用target属性指定其他链接的打开方式(在同一窗口, 在另一个窗口等)。
句法
<
base href="https://www.srcmini.com">
【HTML base标签】在HTML中, < base> 元素不包含结束标记, 但在XHTML结束标记中< / base> 是必需的。
以下是有关< base> 标记的一些规范
Display | None |
开始日期/结束日期 | Only start-tag |
Usage | 锚点和链接 |
在同一窗口中打开(默认情况下)
<
!DOCTYPE html>
<
html>
<
head>
<
title>
Base tag<
/title>
<
style>
a{text-decoration: none;
color:black;
}a:hover{color: green;
font-size: 18px;
} <
/style>
<
base href="https://www.srcmini.com">
<
/head>
<
body>
<
h2 style="color: red;
font-size: 30px;
font-style: italic;
">
List of Web developement Tutorial<
/h2>
<
a href="http://www.srcmini.com/html-tutorial">
HTML tutorial<
/a>
<
br>
<
a href="http://www.srcmini.com/css-tutorial">
CSS tutorial<
/a>
<
br>
<
a href="http://www.srcmini.com/bootstrap-tutorial">
Bootstrap tutorial<
/a>
<
br>
<
a href="http://www.srcmini.com/javascript-tutorial">
JavaScript tutorial<
/a>
<
br>
<
a href="http://www.srcmini.com/jquery-tutorial">
JavaScript tutorial<
/a>
<
/body>
<
/html>
立即测试
在上面的示例中, 我们使用了基本URL =“ https://www.srcmini.com”, 所有其他相对链接都将其视为起始URL。此处(/)定义当前文档的根URL。
在新窗口中打开(在< base> 标记中使用_blank)
<
!DOCTYPE html>
<
html>
<
head>
<
title>
Base tag<
/title>
<
style>
a{text-decoration: none;
color:black;
}a:hover{color: green;
font-size: 18px;
} <
/style>
<
base href="https://www.srcmini.com" target="_blank">
<
/head>
<
body>
<
h2 style="color: red;
font-size: 30px;
font-style: italic;
">
List of Web developement Tutorial<
/h2>
<
a href="http://www.srcmini.com/html-tutorial">
HTML tutorial<
/a>
<
br>
<
a href="http://www.srcmini.com/css-tutorial">
CSS tutorial<
/a>
<
br>
<
a href="http://www.srcmini.com/bootstrap-tutorial">
Bootstrap tutorial<
/a>
<
br>
<
a href="http://www.srcmini.com/javascript-tutorial">
JavaScript tutorial<
/a>
<
br>
<
a href="http://www.srcmini.com/jquery-tutorial">
JavaScript tutorial<
/a>
<
/body>
<
/html>
立即测试
在上面的示例中, 我们仅在< base> 标记中使用了target =“ _ blank”, 但它应用于整个文档链接。
属性标签特定属性:
属性 | 值 | 定义 |
---|---|---|
href | URL | 它指定所有相对链接的基本URL。 |
target | ||
_blank | 在新窗口中打开相对链接 | |
_self | 在当前窗口中打开相对链接 | |
_parent | 在父框架中打开相对链接 | |
_top | 打开页面全宽度的链接 |
事件属性< base> 不支持HTML中的事件属性
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
< base> | Yes | Yes | Yes | Yes | Yes |
推荐阅读
- HTML basefont标记
- HTML音频标签
- HTML属性
- HTML aside标记
- HTML article标签
- HTML area标签
- HTML applet标记(HTML5不支持)
- HTML锚anchor
- HTML address标记