html元素之base

介绍

base元素具有target和href属性，为页面内的元素的路径进行指导。

base元素可以在head中使用，也可以在body中使用。

<base href="http://www.baidu.com/">
<base target="_blank">

target和href属性可以在一个base中声明，也可以分开声明。

<base href="http://www.baidu.com/">
<base href="http://www.baidu.com/abc">

base元素同一属性多次声明，前者有效。

<script src="ab.js"></script>
<base href="http://www.baidu.com/">
<script src="abc.js"></script>

base标签只对文档中在其后的标签进行作用。

叠加规则

很多html元素具有表示路径的属性，href/src/action，其真实表示的值遵循一套叠加规则。

基本叠加规则

路径1为绝对路径，路径2为待计算路径。

1、路径2为标准路径，则直接取该路径
2、路径2为根路径，则路径2替换掉路径1的根路径部分
3、路径2为相对路径，则路径2替换掉路径1最后一级/其后的路径部分

叠加对象

1、如果html元素的路径属性不受base元素的href属性影响，则路径1表示地址栏路径，路径2对应该属性地址。

2、如果html元素的路径属性受base元素的href属性影响，分两步进行：

（1）路径1表示地址栏路径，路径2对应base元素的href属性。base元素的href属性可以为绝对路径、根路径以及相对路径。
（2）路径1表示（1）的结果，路径2对应该属性地址。

base的href属性

base元素的href属性对页面内几乎所有地址属性都有效：

img的src属性、iframe的src属性、link的href属性、style的src属性、a的href属性、form的action属性均有效。

base的target属性

值	描述
_blank	在新窗口打开链接
_self	在同一个框架（默认）中打开链接。
_parent	在父框架中打开链接
_top	在窗口文档中打开链接。
framename	在一个指定的框架中打开链接

主要是为页面的超链接a和表单form作用，当其未声明target属性时，使用base元素的target属性。