HTML base 标签详细说明及使用

 

一、HTML BASE标签语法和应用场合

1. <base> 标签必须位于 head 元素内部,即 base 语句要写在 <head> 之后…</head>之前的某一位置 。base 定义对页面中所有在其后出现的链接起作用。

2. <base> 有两个属性,用途和语法如下:

属性      值      描述
————————————————————————————————-
href      URL      规定页面中所有链接的基准 URL。

target   _blank  在一个新的窗口中打开链接,当前窗口保留;
           _self     在相同的框架或窗口中打开链接,当前窗口被重写;
           _parent 在父窗口或包含了超链接引用的框架集中打开链接,父窗口的一部分被更新;
           _top     在包含该超链接的窗口中打开链接,取代任何当前正在窗口中显示的框架。

语法1:<base hret="http://www.ywfcd.com/">
规定页面中所有相对地址的基址。所谓相对地址,即略写了基址的地址,形如"../img/logo.jpg"或"logo.jpg"。

语法2:<base target="_blank">
规定了页面中所有的链接都在新窗口中打开。

* 在 HTML 中,<base> 标签没有结束标签;在 XHTML 中,<base> 标签必须被正确地关闭。至于在具体的页面中究竟怎样书写,由页面第一行的 DTD 规定。

3. 应用场合:

有时我们从别处拷贝来的文章,其中的图片地址一般是相对地址形式,形如"../img/A.jpg",当浏览器在解析这个地址时,会自动补充完整,而基址却是用当前网站的URL,比如这篇文章中若有形如"../img/A.jpg"的地址,浏览器就会自动解析为”http://www.5d0d.net/img/A.jpg”,它自然找不到图片,你看到的将是个红叉。如果不想一个一个订正,就可以在页面头部加上原文的地址:<base hret=http://www.ywfcd.com/kejia/>。

我还发现在做转发时,如果设为“目标地址隐藏”,有时也会不能正确解析相对地址的情况,必须借助<base>订正。

以上来源:http://5d0d.net/2009/04/27/html-base%E6%A0%87%E7%AD%BE%E8%AF%AD%E6%B3%95%E5%92%8C%E5%BA%94%E7%94%A8%E5%9C%BA%E5%90%88/

 

二、HTML base 标签

base 标签 -- 定义基URL用于页面的链接与引用

base标签是单独出现的,<base />
base标签只能放置在head标签内
当使用相对路径定义链接时,可以使用base标签定义基URL解析所有文档中定义的相对路径的URL。
属性
href -- 基URL。
target -- 链接目标。
base是document base URI的意思
base标签示例
 
<head>
 <base href="http://www.dreamdu.com/" target="_blank">
</head>

使用上面示例代码的html页面中的相对链接,将直接指向基URL http://www.dreamdu.com/,并且使用弹出窗口。

HTML base 标签示例

base标签在框架中的使用
base标签通常可以使用在框架链接中,例如

<frameset cols="20%, *">
 <frame src="http://www.zhmy.com/list.html">
 <frame src="http://www.dreamdu.com/" name="dreamdupage">
</frameset>

链接页list.html

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

<a href="http://www.dreamdu.com/webbuild/">webbuild</a>
<a href="http://www.dreamdu.com/xhtml/">HTML</a>
<a href="http://www.dreamdu.com/css/">CSS</a>
<a href="http://www.dreamdu.com/javascript/">JavaScript</a>

通过上面示例可以避免在每个链接中写入target="dreamdupage"

在框架中使用HTML base 标签示例

以上来源:http://www.dreamdu.com/xhtml/tag_base

 

三、HTML中的Base标签的使用说明
文章出处:DIY部落(http://www.diybl.com/course/1_web/html/htmlshl/200721/3339.html)

  使用<base>标签最主要的原因,是为了确保文档中所有的相对URL都可以被分解成正确的文档地址,即使在文档本身被移动或重命名的情况下也可以正确解析。

  在创建文档集合时,使用<base>标签尤为重要。通过在每个文档中放置正确的<base>标签,就可以在目录甚至服务器之间移动整个文档集合,而不会破坏文档中任何链接。如果想要让用户查询指向一个与主文档URL不同的URL,那么也需要为可搜索文档(<isindex>)使用<base>标签。

  当文档同事包含<isindex>标签和其他相对URL时,如果相对URL与所希望的索引处理URL无关,那么就可能会出现问题。正因为这个原因,所以请不要在使用<base>标签的可搜索文档中用相对URL来指定文档的查询URL。

  例如:

  <base href="http://www.webjx.com"> 那么,整个页面的相对地址就是在www.webjx.com底下展开的。不管移动到何处。

 

四、base href 标签的使用方法

当点了链接后,跳出的网页地址是 http://域名/1.asp 或 http://域名/2.asp,它就是在这些相对路径的文件前加上基链接指向的地址。如果目标文件中的链接没有指定target属性,就用base标记中的target属性。
常在框架结构中用,如左右两个框架,把左边的框架中文件里的连接都显示在右边的框架里。只要用base标记,把其target属性值写为右框架名称,这就不用再为左框架里的文件中的每一个连接都指定target属性。
base href标记其他说明:
1、当使用时,BASE 元素必须出现在文档的 HEAD 内,在任何对外部源的引用之前。
2、此元素在 Microsoft? Internet Explorer 3.0 的 HTML 中可用,在 Internet Explorer 4.0 的脚本中可用。
3、此元素不会被渲染。
4、此元素不需要关闭标签。
5、base标签其实还是有用处的,比如<base href="http://www.zhmy.com/_blank">将使得本页所有的链接都在新页打开,这样就不必在每个链接处都以上target="_blank" 。
IE7中注意:
1 、<html>之前不能加入额外的输出字符。否则IE7就对 base 不进行解析。
2、< base >是一个链接基准标记,用以改变文件中所有链接标记的参数默认值。它只能适应于文件的开头部分,即标记< head >与< /head >之间。

 本部分来源:http://www.gz1024.cn/wangzhanjianshe/155.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值