个性化阅读
专注于IT技术分析

HTML base标签

本文概述

HTML <base>标记用于指定基本URI或URL, 以用于HTML文档中包含的所有相对链接。

在文档中只能指定一个<base>元素, 并且必须将其放置在<head>元素中。我们还可以使用target属性指定其他链接的打开方式(在同一窗口, 在另一个窗口等)。

句法

<base href="https://www.srcmini02.com">

在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.srcmini02.com">
 </head>
 <body>
	    <h2 style="color: red; font-size: 30px; font-style: italic;">List of Web developement Tutorial</h2>
		<a href="/html-tutorial">HTML tutorial</a><br>
		<a href="/css-tutorial">CSS tutorial</a><br>
		<a href="/bootstrap-tutorial">Bootstrap tutorial</a><br>
		<a href="/javascript-tutorial">JavaScript tutorial</a><br>
	<a href="/jquery-tutorial">JavaScript tutorial</a>
  </body>
</html>

立即测试

在上面的示例中, 我们使用了基本URL =“ https://www.srcmini02.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.srcmini02.com" target="_blank">
 </head>
 <body>
	    <h2 style="color: red; font-size: 30px; font-style: italic;">List of Web developement Tutorial</h2>
		<a href="/html-tutorial">HTML tutorial</a><br>
		<a href="/css-tutorial">CSS tutorial</a><br>
		<a href="/bootstrap-tutorial">Bootstrap tutorial</a><br>
		<a href="/javascript-tutorial">JavaScript tutorial</a><br>
		<a href="/jquery-tutorial">JavaScript tutorial</a>
  </body>
</html>

立即测试

在上面的示例中, 我们仅在<base>标记中使用了target =“ _ blank”, 但它应用于整个文档链接。

属性

标签特定属性:

属性 定义
href URL 它指定所有相对链接的基本URL。
target
_blank 在新窗口中打开相对链接
_self 在当前窗口中打开相对链接
_parent 在父框架中打开相对链接
_top 打开页面全宽度的链接

全局属性

<base>标记支持HTML中的所有全局属性

事件属性

<base>不支持HTML中的事件属性

支持的浏览器

Element Chrome IE Firefox Opera Safari
<base> Yes Yes Yes Yes Yes
赞(0)
未经允许不得转载:srcmini » HTML base标签

评论 抢沙发

评论前必须登录!