HTML 5 <base> 标签定义和用法
<base> 标签规定页面中所有链接的基准 url。
一般情况下,浏览器会从当前文档的URL中提取相应的元素来填写相对的URL。 一旦使用了<base>标签,浏览器将不再使用当前文档的URL,而是使用指定的基本URL来解析所有的相对URL。比如<a>、<img>、<link>、<form>等标签中的URL,就是这样。
HTML 5 <base> 标签属性 描述
href 规定作为基准 URL 在页面中使用的 URL。
target 在何处打开页面上的链接。该属性会被每个链接中的 target 属性覆盖。
HTML 5 <base> 标签标准属性
class, contenteditable, contextmenu, dir, draggable, id, irrelevant,
lang, ref, registrationmark, tabindex, template, title如需完整的描述,请访 HTML 5 中标准属性。
HTML 5 <base> 标签事件属性
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu,
ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover,
ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup,
onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout,
onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload
HTML 5 <base> 标签例子:
假设图像的绝对地址是:
<img src="http://www.169it.com.cn/i/pic.gif" />现在我们在页面中的 head 部分插入 <base> 标签,规定页面中所有链接的基准 url:
<head>
<base href="/Other/www.cn/i/index.html" />
</head>
在上例中的页面上插入图像时,我们必须规定相对的地址,浏览器会寻找文件所使用的完整 URL:
<img src="/article/pic.gif" />