`
sassds
  • 浏览: 149796 次
  • 性别: 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的作用
评论
发表评论

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

相关推荐

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

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

    Html5中文手册(程序员必备手册)

    11、&lt;base&gt; 定义页面中链接的基准 URL。 12、&lt;bdo&gt; 定义文本显示的方向。 13、&lt;blockquote&gt; 定义摘自另一个源的块引用。 14、&lt;body&gt; 定义文档主体。 15、&lt;br&gt; 定义换行符。 16、&lt;button&gt; 定义按钮。 17、&lt;canvas&gt; ...

    HTML:超文本标题语言

    &lt;/ul&gt; 只能嵌套&lt;li&gt;标签，&lt;li&gt;标签可以容纳所有元素 &lt;ol&gt; &lt;li&gt;...&lt;/li&gt; &lt;li&gt;...&lt;/li&gt; ... &lt;/ol&gt; 用于有序的排列 &lt;dl&gt; &lt;dt&gt;...&lt;/dt&gt; &lt;dd&gt;...&lt;/dd&gt; &lt;dd&gt;...&lt;/dd&gt; &lt;dd&gt;...&lt;/dd&gt; ... &lt;/dl&gt; &lt;dl&gt;是自定义列表，...

    JavaWeb实验报告.doc

    三、实验内容 页面代码：register.jsp &lt;html&gt; &lt;head&gt; &lt;base href="&lt;%=basePath%&gt;"&gt; &lt;title&gt;欢迎注册&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;center&gt; &lt;form action="register.jsp" method="post"&gt; &lt;h2&gt;用户注册&lt;/h2&gt; &lt;table width...

    C#编程经验技巧宝典

    ”操作符　22&lt;br&gt;&lt;br&gt;2.4　表达式与关键词　22&lt;br&gt;&lt;br&gt;0045　正确使用“&&”和“||”　22&lt;br&gt;&lt;br&gt;0046　如何处理程序“溢出”错误　23&lt;br&gt;&lt;br&gt;0047　有效使用base关键字　23&lt;br&gt;&lt;br&gt;0048　typeof表达式的使用　23&lt;br...

    Javashop开发规范V2.2

    &lt;li&gt;&lt;a href="search-cat-4-page-3.html" class="unselected"&gt;3&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="search-cat-4-page-2.html" class="unselected"&gt;&gt;&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="search-cat-4-page-3....

    HTML5标签小集

    HTML标签； &lt;meta&gt;属性Content,name,scheme &lt;!DOCTYPE&gt; &lt;a&gt;属性coords,shape, &lt;abbr&gt;属性 &lt;address&gt;属性 &lt;area&gt;属性 &lt;article&gt;属性 &lt;aside&gt;属性 &lt;audio&gt;属性 &lt;b&gt;属性 &lt;base&gt;...

    JavaScript模板引擎Nunjucks.zip

    示例代码：{% extends "base.html" %} {% block header %} &lt;h1&gt;{{ title }}&lt;/h1&gt; {% endblock %} {% block content %} &lt;ul&gt;  {% for name, item in items %}  &lt;li&gt;{{ name }}: {...

    Struts原理、开发及项目实施

    base/&gt;&lt;br/&gt;&lt;/head&gt;&lt;br/&gt;&lt;body bgcolor="white"&gt;&lt;br/&gt;&lt;html:errors/&gt;&lt;br/&gt;&lt;html:form action="/regUserAction" focus="logname"&gt;&lt;br/&gt;&lt;table border="0" width="100%"&gt;&lt;br/&gt; &lt;tr&gt;&lt;br/&gt; &lt;th align="right"&gt;&lt;br/&gt; ...

    最新ejschart ——javascript图形库

    META tags must be included in the page header (between &lt;head&gt;&lt;/head&gt;), should be placed before the &lt;script&gt; tag which imports the EJSChart.js library and are formatted as follows: &lt;meta name="OPTION-...

    Go语言模板引擎gotpl.zip

    gotplgo语言模板引擎。基于gorazor开发。特性简洁优雅模板继承原生go语言... &lt;div&gt;curPage is: @curPage &lt;/div&gt; }section必须放在sections目录下，文件名不限制。LICENSELICENSE? Well, WTFPL. 标签：gotpl

    xml入门教程/xml入门教程

    &lt;起始标签&gt;内容&lt;结束标签&gt; 内容=(子元素|字符数据|字符数据段|引用|处理指令|注释)* 字符数据 字符数据中，不能含有&,&lt;,&gt;,',",需要采用实体引用的方式 字符数据段 &lt;![CDATA[字符数据]]&gt; ...

    freemarker总结

    其它的运行符可以作用于数字和日期,但不能作用于字符串,大部分的时候,使用gt等字母运算符代替&gt;会有更好的效果,因为 FreeMarker会把&gt;解释成FTL标签的结束字符,当然,也可以使用括号来避免这种情况,如:&lt;#if (x&gt;y)&gt; ...

    Winform的HTML编辑控件Zeta HTML Edit Control.zip

    const string s = @"&lt;P&gt;&lt;b&gt;Some tests&lt;/b&gt;&lt;/P&gt;&lt;p&gt;Random content. &lt;font color=green&gt;Please edit&lt;/font&gt;.&lt;/p&gt;&lt;p&gt;Use right-click for options.&lt;/p&gt;"; htmlEditControl1.DocumentText = s;或者const ...

    HTML减肥 精简HTML标记制作网页

    &lt;/br&gt; &lt;/col&gt; &lt;/colgroup&gt; &lt;/dd&gt; &lt;/dt&gt; &lt;head&gt; &lt;/head&gt; &lt;/hr&gt; &lt;html&gt; &lt;/html&gt; &lt;/img&gt; &lt;/input&gt; &lt;/li&gt; &lt;/link&gt; &lt;/meta&gt; &lt;/option&gt; &lt;/p&gt; &lt;/param&gt; &lt;tbody&gt; &lt;/tbody&gt; &lt;/td&gt; ...

    CSS常用属性

    一、html标签 scrollbar-face-color: 滚动条凸出部分的颜色&lt;br /&gt; scrollbar-highlight-color: 滚动条空白部分的颜色&lt;br /&gt; scrollbar-shadow-color: 立体滚动条阴影的颜色&lt;br /&gt; scrollbar-3dlight-color: 滚动...

    Img2Html:控制台工具，用于将图像转换为嵌入了base64图像的html img标签

    这是Net Core 2.0中的控制台工具，使您可以读取图像并使用base64编码将其转换为HTML图像标签。 该工具对于创建丰富的内容以及在HTML电子邮件内容内部使用以防止不兼容非常有用。 该工具从指定目录读取图像，并...

    amcharts中文教程(柱状图，饼状图等的中文设置说明)

    &lt;settings&gt; &lt;data_type&gt;xml&lt;/data_type&gt; &lt;!-- [xml] (xml / csv) 数据类型xml/csv--&gt; &lt;csv_separator&gt;;&lt;/csv_separator&gt; &lt;!-- 如果使用csv作为数据的话，需要使用这个属性;表示文件数据分隔符,(平常以";...

    JavaScript获得页面base标签中url的方法

    本文实例讲述了JavaScript获得页面base标签中url的方法。分享给大家供大家参考。具体如下： 如果网页中定义了base标签，我们可以通过js代码获得base的url地址 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;...

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

    base标签除了全局的属性之外，还有 href、target两个属性。 没有内容值。 interface HTMLBaseElement : HTMLElement { ...base标签用于定义HTML文档中的相对url地址的基准URL，和接下来链接的浏览器打开方式。

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