标签的科学选用,为页面上的持有链接规定私下认可地址或私下认可目的

By admin in 4858美高梅 on 2019年4月9日

HTML <base> 标签

一.  概念:<base> 标签是 HTML 语言中的基准网站标记,是叁个单标签。

二.  效应:规定页面上具备链接的暗中同意 U汉兰达L 和暗许目的。

例如:

<!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规定的是页面上有着链接的私下认可ULacrosseL,是怀有!标签的科学选用,为页面上的持有链接规定私下认可地址或私下认可目的。** 其包括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. 在1个文档中,最多能使用二个 <base> 标签。 
  3. 行使了<base>标签的链接后,别的链接必须在<base>标签的链接里面,不然将不可能找到。

 

HTML <base> 标签 为页面上的兼具链接规定暗中认可地址或默许指标,base页面

一、<base>标签为页面上的具有链接规定暗中认可地址或私下认可指标

类型中用到了base标签,然后在上面又写了a标签,每便点过A标签后,都会跳转到base下的路子。后来检察是A标签href和onclick同时用导致的。

概念和用法

<base> 标签为页面上的享有链接规定暗中同意地址或私下认可目的。

通常状态下,浏览器会从当前文书档案的 U宝马X3L 中领到相应的因向来填写相对 ULX570L
中的空白。

行使 <base> 标签能够变更那点。浏览器随后将不再行使当前文书档案的
UHighlanderL,而使用钦赐的着力 U陆风X八L 来分析全数的争论 UBMWX三L。那在那之中包罗<a>、<img>、<link>、<form> 标签中的 UHighlanderL。

<base> 标签必须放在 head 成分内部。

二、常常状态下,浏览器会从此时此刻文书档案的 UQashqaiL 中领到相应的因一直填写相对 UXC60L
中的空白。使用 标签能够转移那或多或少。浏览器随后将不再选用当前文书档案的
U凯雷德L,而使用内定的基本 UENCOREL
来分析全体的争执U奥迪Q7L。那几个中包罗<a>、<img>、<link>、<form>标签中的UGL450L。

W3C中base标签用法如下:

可选的属性

属性 描述
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>

三、 标签必须放在 head 成分内部。

概念和用法

<base> 标签为页面上的拥有链接规定默许地址或私下认可目的。

平常状态下,浏览器会从脚下文书档案的 U科雷傲L 中提取相应的要向来填写相对 U帕杰罗L
中的空白。

应用 <base> 标签能够改变那点。浏览器随后将不再采纳当前文书档案的
USportageL,而选取钦赐的基本 U奥迪Q三L 来分析全数的相对 U途观L。那中间囊括
<a>、<img>、<link>、<form> 标签中的 U帕杰罗L。

Base 对象

Base 对象表示 HTML 的 base 成分。

在 HTML 文书档案中 <base> 每出现3遍,Base 对象就会被创建。

4、<base>属性

实例

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

<body>
<img src="eg_smile.gif" />
<a href="http://www.w3school.com.cn">W3School</a>
</body>


项目中,用到<a href="#" onclick="begin();">首 页</a>,这时,页面执行过begin()函数后又执行href,结果跳转到base+"#"地址。
解决方法:
1、onclick事件后面的begin()函数后面加上return false ;
2、href 属性设为 javascript:void(0);

onclick

链接的 onclick 事件被先进行,其次是 href 属性下的动作(页面跳转,或
javascript 伪链接); 
若是链接中并且设有 href 与 onclick,假使想让 href
属性下的动作不执行,onclick 必须取得3个 false 的再次来到值。不信,你能够将
go谷歌(Google) 函数中的 return false 注释掉; 
设若页面过长有滚动条,且期待通过链接的 onclick 事件实施操作。应将它的
href 属性设为 javascript:void(0);,而毫无是
#,那能够防患不需要的页面跳动; 
比方在链接的 href
属性中调用三个有再次来到值的函数,当前页面的内容将被此函数的归来值代替; 
在按住Shift键的景观下会有所区别。 
明天自身蒙受的题材,在IE陆.0里以href的格局拜访不到parentNode。 
4858美高梅 ,尽大概不要用javascript:协议做为A的href属性,那样不光会导致不须要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停播

 

Base 对象属性

属性 描述
href 设置或返回针对页面中所有链接的基准 URL。
id 设置或返回 <base> 元素的 id。
target 设置或返回针对页面中所有链接的默认目标框架。

 

base 标签
为页面上的全部链接规定私下认可地址或私下认可目的,base页面 定义和用法 base
标签为页面上的享有链接规定暗许地址或暗中认可目的。…

href:规定页面中负有相对链接的口径 U福特ExplorerL。

taeget属性:在何方打开页面中有所的链接。“_blank” “_parent” ”_self“
“_top” ”framename“

五、<base>的装置属性,也等于给页面的<a><img><link><form>标签签中的
UHighlanderL都添加了href和target属性

比如:<a>标签 ,

若果<a>标签里不曾给href ,那么它会自行使用base里的href属性

一句话,正是<a>标签的先期级要压倒<base>标签

假定<a>标签里有设置就用<a>的习性的,假如没安装,就去<base>里搜寻。

4858美高梅 1

此地<base>标签设置了href和target属性。下边点击天猫在本框口打开Tmall的网页(因为<a>的预先级高于<base>),百度
果壳网易都会在新框口打开网页。点击优酷会在新框口打开苹果官网,因为<a>标签没设置href属性。

4858美高梅 2

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有