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

HTML <base> 标签

    博客分类：
  • web
htmlbase 
阅读更多

 

定义和用法

<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> 标签必须被正确地关闭。

分享到：
| HTML中 meta的作用
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    去掉<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;` 标签用于覆盖当前文本方向，并强制从左到右或从右...

Magicbox
Global site tag (gtag.js) - Google Analytics