`
sassds
  • 浏览: 154980 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML <base> 标签

    博客分类:
  • web
阅读更多

 

定义和用法

<base> 标签为页面上的所有链接规定默认地址或默认目标。

通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

<base> 标签必须位于 head 元素内部。

实例

例子 1

假设图像的绝对地址是:

<img src="http://www.w3school.com.cn/i/pic.gif" />

现在我们在页面中的 head 部分插入 <base> 标签,规定页面中所有链接的基准 url:

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

在上例中的页面上插入图像时,我们必须规定相对的地址,浏览器会寻找文件所使用的完整 URL:

<img src="pic.gif" />

例子 2

规定页面上所有链接的默认 URL 和默认目标:

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

<body>
<a href="default.asp">W3School's CSS Tutorial</a>
</body>

提示和注释

提示:请把 <base> 标签排在 head 元素中第一个元素的位置,这样 head 中其他元素就可以利用 <base> 元素中的信息了。

注释:在一个文档中,最多能使用一个 <base> 元素。

属性

属性 值 描述
href URL 规定作为基准 URL 在页面中使用的 URL。
target
  • _blank
  • _parent
  • _self
  • _top
在何处打开页面上的链接。该属性会被每个链接中的 target 属性覆盖。

     在 HTML 中,<base> 标签没有结束标签;在 XHTML 中,<base> 标签必须被正确地关闭。

分享到:
评论

相关推荐

    去掉<a>标签下划线

    其中,如何去除`&lt;a&gt;`标签默认的下划线效果是前端开发者经常遇到的需求之一。本文将详细探讨这一问题,并提供多种解决方案,帮助读者深入理解并灵活应用。 ### 一、CSS属性:text-decoration 在给定的代码片段中,...

    HTML5 对各个标签的定义与规定:base

    ### HTML5中的`&lt;base&gt;`标签详解 #### 标签定义与作用 在HTML5中,`&lt;base&gt;`标签主要用于定义HTML文档中的基准URL(即基础URL),这为文档内的其他链接提供了一个默认的起点。此外,它还规定了如何在浏览器中打开这些...

    javascript中BASE标签作用

    在探讨JavaScript中`&lt;base&gt;`标签的作用之前,我们先来明确一下`&lt;base&gt;`标签的基本概念及其在HTML文档中的重要性。`&lt;base&gt;`标签是一个关键的HTML元素,主要用于定义文档中所有相对URL的基准URL。它对于链接、图片、...

    HTML中的base标签 中文WORD版

    HTML中的`&lt;base&gt;`标签是一个常被忽视但十分重要的元素,它主要用来设定网页中所有链接的基础URL,以及设定默认的页面打开方式。这个标签在前端开发中扮演着简化路径处理的角色,尤其当你的网站拥有复杂的目录结构时...

    HTML base 标签的 href 属性

    HTML中的`&lt;base&gt;`标签是一个非常重要的元素,它在页面的&lt;head&gt;部分使用,用于设置文档的基本URL。这个标签主要用于设定网页中所有相对链接的基准,对于管理和简化页面的链接结构有着重要作用。当我们处理大型网站...

    HTML标签解释大全

    - **说明**:`&lt;base&gt;` 标签用于指定一个显式URL用于解析对于外部源的链接和引用,如图像和样式表。这对于简化文档中的链接路径很有用。例如: ```html &lt;base href="http://www.example.com/"&gt; &lt;a href="subpage....

    HTML 语法大全!超级精炼<一点通>

    &lt;attribute&gt; 以对象的形式代表了 HTML 元素的标签属性或属性。 &lt;B&gt; 指定文本应以粗体渲染。 &lt;base&gt; 指定一个显示 URL 用于解析对于外部源的链接和引用,如图像和样式表。 &lt;baseFont&gt; 设置渲染文本时作为缺省字体的...

    HTML常用标签.pdf

    5. &lt;base&gt;:标签描述了基本的链接地址/ 链接目标,该标签作为 HTML 文档中所有的链接标签的默认链接。 6. &lt;meta&gt;:&lt;meta&gt; 元素可提供有关页面的元信息(meta-information ),比如针对搜索引擎和更新频度的描述和...

    html文件head内部标记浅析(meta,link,base,body)

    HTML文件的结构主要由&lt;head&gt;和&lt;body&gt;两大部分组成,其中&lt;head&gt;标签包含了与文档元信息相关的内容,而&lt;body&gt;则包含实际可见的网页内容。本文将深入解析&lt;head&gt;内部的几个关键标记:&lt;meta&gt;、&lt;link&gt;、&lt;base&gt;以及&lt;body&gt;的...

    Html标签大全

    这只是HTML标签大全的一部分,实际上HTML标签远不止这些,包括列表(`&lt;ul&gt;`、`&lt;ol&gt;`、`&lt;li&gt;`)、表格的复杂样式、表单元素(`&lt;form&gt;`、`&lt;input&gt;`、`&lt;select&gt;`等)、框架(`&lt;frameset&gt;`、`&lt;frame&gt;`)以及HTML5引入的...

    HTML标签属性大全

    如标题标签&lt;h1&gt;到&lt;h6&gt;,这些标签用于定义从最大到最小的六个级别的页面标题。粗体字可以通过&lt;b&gt;标签或&lt;strong&gt;标签来实现,而斜体字则可以通过&lt;i&gt;标签或&lt;em&gt;标签来实现。其他标签如&lt;dfn&gt;用于定义术语,&lt;u&gt;用于添加...

    html 标签 及其 属性 大全

    * `&lt;base&gt;`:基础标签,用于创建基础 URL * `&lt;font&gt;`:字体标签,用于创建字体 marquee标签的属性 * `behavior`:滚动行为,包括slide、scroll、alternate * `direction`:滚动方向,包括down、up、left、right * ...

    html5标签大全

    * `&lt;base&gt;`:定义页面中所有链接的默认地址或默认目标 * `&lt;basefont&gt;`:定义页面中文本的默认字体、颜色或尺寸 * `&lt;bdi&gt;`:定义文本的文本方向,使其脱离其周围文本的方向设置 * `&lt;bdo&gt;`:定义文字方向 * `&lt;big&gt;`:...

    00000035_html-base的用法.rar

    HTML中的`&lt;base&gt;`标签是网页基础设置的重要组成部分,它为页面上的所有相对URL提供一个基准,以便浏览器解析链接时可以正确地定位资源。在深入理解`&lt;base&gt;`标签的用法之前,我们先要明白URL(统一资源定位符)在网页...

    HTML 5 标签参考

    - **注意**:此标签已被废弃,建议使用`&lt;abbr&gt;`代替。 ##### 6. `&lt;address&gt;` - **用途**:定义联系信息。 - **示例**: ```html &lt;address&gt;作者: John Doe&lt;br&gt;邮箱: john@example.com&lt;/address&gt; ``` ##### 7. `...

    html标签大全

    39. `&lt;base&gt;`:基准标签,用于设置页面的默认URL和链接目标。 40. `&lt;frameset&gt;`、`&lt;frame&gt;` 和 `&lt;iframe&gt;`:用于创建框架,允许在一个页面中嵌入多个页面。 41. `&lt;map&gt;` 和 `&lt;area&gt;`:用于创建图像地图,定义图像...

    HTML标签英文单词

    `&lt;base&gt;` 标签用于定义文档中所有相对URL的基本URL。这对于简化页面内的链接非常有用,尤其是在需要引用多个资源时。 ### &lt;bdo&gt;: Bidirectional Override `&lt;bdo&gt;` 标签用于覆盖当前文本方向,并强制从左到右或从右...

Global site tag (gtag.js) - Google Analytics