芒果小站

  1. 全球最具业界良心的主机 - DigitalOcean

    毫无疑问,目前做得最好的主机供应商

    猛击这里查看

  2. 芒果小站目前使用的主机 - DigitalOcean

    客服响应快,随时退款,XEN 架构稳定

    猛击这里查看

  3. 最好的日本东京线路主机 - DigitalOcean

    可选弗里蒙特、达拉斯、亚特兰大、纽瓦克、伦敦、东京机房

    猛击这里查看

  • 1
  • 2
  • 3
切换到精简模式
7

HTML 中的 base 标记简介

作者 芒果/分类 代码/发布于 2009-06-07 21:53

HTML 中的 <base> 标记实际应用比较小众化。

查看网易首页可知,其页面链接均为新窗口打开,但并未对所有 <a> 标记设定 target=”_blank” 属性。仅在页面头部使用一句代码:

<base target="_blank" />

在 HTML 中,<base> 标记提供两种基本属性:

1. href 属性
规定页面链接的基准 URL。代码示例:

<base href="http://mangguo.org" />

若有以下链接代码:

<a href="/about">关于芒果</a>

当页面应用 <base> 标记之后,链接地址变为 “http://mangguo.org/about”。无论 <a> 标记,还是 <form>、<img>、<link> 等标记,基准 URL 均由 <base> 标记指定。

2. target 属性
规定链接的页面打开方式。代码示例:

<base target="_self" />

应用以上代码后,全局上均原窗口打开链接。

根据实际需要,可选新窗口 (_blank)、原窗口 (_self)、父窗口 (_parent)、最外层窗口 (_top) 四种打开方式。

版权所有,转载请注明出处。
转载自 <a href="http://mangguo.org/html-base-mark-brief-introduction/" title="HTML 中的 base 标记简介" rel="bookmark">HTML 中的 base 标记简介 | 芒果小站</a>
如果喜欢这篇文章,欢迎订阅芒果小站以获得最新内容。

已经有 7 条群众意见

  1. 卢松松 /2009-06-07 23:17

    这介绍的更细致! 回应

    #1
  2. bolo /2009-06-08 09:25

    似乎跑了题,不是讲 base 的。 回应

    #2
  3. ?
    6 个超级实用的 WordPress 奇技淫巧 | 乱炖 /2012-05-08 13:04

    […] 为所有链接添加 target="_blank" 属性,可以参考芒果之前的文章《HTML 中的 base 标记简介》,当然将下面代码添加到 functions.php 文件,也可以实现这个小功能。 […] 回应

    #3
  4. ?
    为所有的链接添加 target=”_blank” 属性 | BPMF /2012-05-30 22:06

    […] 为所有链接添加 target="_blank" 属性,可以参考芒果之前的文章《HTML 中的 base 标记简介》,当然将下面代码添加到 functions.php 文件,也可以实现这个小功能。 […] 回应

    #4
  5. ?
    为所有的链接添加 target=”_blank” 属性 « BPMF /2012-06-01 01:20

    […] WordPress 为所有链接添加 target="_blank" 属性,可以参考芒果之前的文章《HTML 中的 base 标记简介》,当然将下面代码添加到 functions.php 文件,也可以实现这个小功能。 […] 回应

    #5
  6. ?
    <base target ="_self" />是什么意思 - C#问答 - 开发者 /2013-06-09 09:40

    […] – oec2003:http://mangguo.org/html-base-mark-brief-introduction/ 本文链接: <base target ="_self" />是什么意思 版权所有: […] 回应

    #6
  7. ?
    <base target ="_self" />是什么意思 - C# - 开发者 /2013-06-24 23:42

    […] – oec2003:http://mangguo.org/html-base-mark-brief-introduction/ 回复2楼 – wuyq11:Base (基链接) 插入网页基链接属性 […] 回应

    #7

下面我简单说几句