来自 软件资讯 2019-10-09 23:32 的文章
当前位置: 威尼斯国际官方网站 > 软件资讯 > 正文

为页面上的所有链接规定默认地址或默认目标,

HTML <base> 标签

1.  定义:<base> 标签是 HTML 语言中的基准网址标记,是一个单标签。

2.  作用:规定页面上所有链接的默认 URL 和默认目标。

例如:

<!DOCTYPE html>
<html lang="en">
<head>
    <title>base</title>
    <meta charset="UTF-8">
    <base href="http://www.w3cschool.cn" target="_blank">
</head>
<body>
<p>img标签里的src的绝对路径是http://www.w3cschool.cn/statics/images/course/planets.gif</p>
<img src="/statics/images/course/planets.gif" width="145" height="126" alt="Planets">
</body>
</html>

注意:base规定的是页面上所有链接的默认URL,是所有!** 其包括src,href等所有URL。**

          使用到的链接都会与base里的href链接拼接。

比如找不到css文件的例子:

<!DOCTYPE html>
<html lang="en">
<head>
<title>base</title> 
 <meta charset="UTF-8">
<base href="http://www.w3cschool.cn" target="_blank"> 
<link rel="stylesheet" type="text/css" href="CSS/first.css" > <!--链接外部资源-->
</head>
<body>
<p>外部样式表想引用非base链接目录下的文件,那么该样式表将无法找到。</p>
</body>
</html>

 简而言之:

     base标签有以下规则

  1. <base> 标签必须位于 <head> 元素内部。
  2. 在一个文档中,最多能使用一个 <base> 标签。 
  3. 使用了<base>标签的链接后,其他链接必须在<base>标签的链接里面,不然将无法找到。

 

HTML <base> 标签 为页面上的所有链接规定默认地址或默认目标,base页面

定义和用法

<base> 标签为页面上的所有链接规定默认地址或默认目标。

通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

<base> 标签必须位于 head 元素内部。

可选的属性

属性 描述
target
  • _blank
  • _parent
  • _self
  • _top
  • framename
在何处打开页面中所有的链接。

案例:

<html>
<head>
<base href="http://www.w3school.com.cn/i/" />
<base target="_blank" />
</head>

<body>
<img src="eg_smile.gif" /><br />
<p>请注意,我们已经为图像规定了一个相对地址。由于我们已经在 head 部分规定了一个基准 URL,浏览器将在如下地址寻找图片:</p>
<p>"http://www.w3school.com.cn/i/eg_smile.gif"</p>

<br /><br />
<p><a href="http://www.w3school.com.cn">W3School</a></p>
<p>请注意,链接会在新窗口中打开,即使链接中没有 target="_blank" 属性。这是因为 base 元素的 target 属性已经被设置为 "_blank" 了。</p>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />

<base target="_blank" />
</head>

<body>

<p>
<a href="http://www.w3school.com.cn" target="_blank">这个连接</a> 将在新窗口中加载,因为 target 属性被设置为 "_blank"。
</p>

<p>
<a href="http://www.w3school.com.cn">这个连接</a> 也将在新窗口中加载,即使没有 target 属性。
</p>

</body>
</html>

本文由威尼斯国际官方网站发布于软件资讯,转载请注明出处:为页面上的所有链接规定默认地址或默认目标,

关键词: