HTML 5 <base> 标签

最新推荐文章于 2022-03-13 00:39:50 发布
最新推荐文章于 2022-03-13 00:39:50 发布
阅读量711 收藏
点赞数
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yax405/article/details/9368879
版权

定义和用法

<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>

亲自试一试

HTML 4.01 与 HTML 5 之间的差异

None

提示和注释

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

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

属性

属性值描述
href 属性" href="http://www.w3school.com.cn/html5/att_base_href.asp"<hrefURL规定作为基准 URL 在页面中使用的 URL。
target 属性" href="http://www.w3school.com.cn/html5/att_base_target.asp"<target
  • _blank
  • _parent
  • _self
  • _top
在何处打开页面上的链接。该属性会被每个链接中的 target 属性覆盖。

标准属性和事件

没有。

一个热爱bug的程序猿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前后端架构，前端H5或后台web动态切换(负载均衡)后端Api的baseUrl方案设计
mt23
09-29 1159
这里写目录标题一级目录二级目录三级目录 一级目录 二级目录 三级目录
HTML5标签
......的博客
08-23 390
HTML5中废弃的标签 article aside audio html lang="en"> head> meta charset="UTF-8"> title>title> head> body> audio src="萧忆情 - 童话镇 [mqms2].mp3" controls="controls">audio> body> html> bdi
HTML5: base元素
hsjajwbsbsjs的博客
03-13 335
HTML元素学习
HTML <base> 标签
11-25 84
  定义和用法 &lt;base&gt; 标签为页面上的所有链接规定默认地址或默认目标。 通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。 使用 &lt;base&gt; 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 &lt;a&gt;、&lt;img&...
细说HTML(HTML+HTML5）
07-19
本课程包含15章72个小节课程，内容涵盖：开发环境搭建、HTML概述、HTML元数据、标记文字、组织内容、文档划分、表格、表单、表单输入、其他表单元素、嵌入内容、图形绘制Canvas、多媒体、Web存储、拖放效果等。
HTML技能点--使用base标签设置URL访问基准
程序员大阳
01-21 2584
一般我写网页是不使用base标签的，但是经常会在看别人的网页时使用base标签，对其含义也一直不甚清楚。 其实base标签还是很常见的，如果使用得当也能让我们的HTML代码更加清晰规范。
HTML5基础标签
06-19 213
一.H标签 作用：用于给文本添加标题语义 格式：xxx 注意点：H标签是用来给文本添加标题语义的，而不是用来 修改文本样式的；H标签最多有6个,h1~h6,h1最小;被H系列标签包裹的内容会独占一行；二.p标签 作用：告诉浏览器哪些文字是一个段落 格式：xxx 注意点：在浏览器中会单独占一行三.Hr标签 作用：实现一条分割线 格式：、 注意点：独占一行
HTML中的base标签使用详解
12-14
HTML中的`<base>`标签是一个重要的元数据元素，它允许开发者为页面的所有链接设定一个基础URL，从而简化页面内相对路径的处理。这个基础URL可以是绝对路径，也可以是相对路径，但通常推荐使用绝对路径以确保一致性。...
去掉<a>标签下划线
02-27
其中，如何去除`<a>`标签默认的下划线效果是前端开发者经常遇到的需求之一。本文将详细探讨这一问题，并提供多种解决方案，帮助读者深入理解并灵活应用。 ### 一、CSS属性：text-decoration 在给定的代码片段中，...
HTML5标签小集
09-28
以上只是部分HTML5标签的介绍，实际上还有更多如`<details>`（定义可折叠的详情/摘要）、`<figure>`（用于图像、图表等媒体的容器）、`<form>`（创建表单）、`<header>`（页面或节的头部）、`<footer>`（底部信息）...
HTML5 对各个标签的定义与规定：base
11-17
base标签除了全局的属性之外，还有 href、target两个属性。 没有内容值。 interface HTMLBaseElement : HTMLElement { attribute DOMString href; attribute DOMString target; }; base标签用于定义HTML文档中的相对url地址的基准URL，和接下来链接的浏览器打开方式。
HTML中的base标签 中文WORD版
04-25
HTML中的`<base>`标签是一个常被忽视但十分重要的元素，它主要用来设定网页中所有链接的基础URL，以及设定默认的页面打开方式。这个标签在前端开发中扮演着简化路径处理的角色，尤其当你的网站拥有复杂的目录结构时...
html base标签 target=_parent使用介绍
09-28
HTML中的`<base>`标签是一个非常实用但不常被广泛了解的元素，它主要用于设置页面中所有链接的默认基础URL和目标窗口。了解并正确使用`<base>`标签可以帮助优化网页的导航行为，提高用户体验。 首先，我们来看`...
微信H5记录
JHLIN的博客
06-17 739
1、cdn引入jq index.html中： <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> vue.config.js中： configureWebpack: config => { config.externals={ 'jquery' : '$', } } 需要用到的页面中： import $ from 'jquery'; ...
HTML中base标签
大山博客
08-29 7825
当每个字节都很重要时，您可以使用HTML &lt; base&gt;标记为页面上的所有相对URL 指定默认值href和target属性。像虚拟快捷方式。 对于具有平面目录结构的较小站点，这不会有太大帮助; 但对于具有深度嵌套目录的站点，&lt; base&gt;标记可能会从您的网页中减少很多额外的重量，并且还有助于保持URL更清洁和更短。 因此，如果您对性能进行微优化，&lt; base&gt...
Html设置base url,htmlbaseURL是什么？htmlbase详细解析汇总
weixin_39720181的博客
06-26 2129
html base URL是什么？本篇文章主要讲解了什么是html base URL值，还有html base的详细解析和用法实例html base URL的标签定义及使用说明： 标签为页面上的所有的相对链接规定默认 URL 或默认目标。在一个文档中，最多能使用一个 元素。 标签必须位于 元素内部。html base URL属性值：html base标签的定义和用法：什么是html base标...
html5页面之间的链接,HTML 5 <base> 标签-规定页面中所有链接的基准 url
weixin_39816027的博客
06-04 214
标签规定页面中所有链接的基准 url。一般情况下，浏览器会从当前文档的URL中提取相应的元素来填写相对的URL。一旦使用了标签，浏览器将不再使用当前文档的URL，而是使用指定的基本URL来解析所有的相对URL。比如、、、等标签中的URL，就是这样。HTML 5 标签属性 描述href 规定作为基准 URL 在页面中使用的 URL。target 在何处打开页面上的链接。该属性会被每个链接中的 t...
Vue项目中，对于index.html中BASE_URL的配置
热门推荐
wanghuan1020的博客
09-11 2万+
Vue项目中，对于index.html中BASE_URL的配置问题解决 问题 有时候后端配置资源的默认访问路径的时候，可能会与前端打包时配置的默认根路径有所差异 比如：后端要访问静态资源的根路径为/static，而一般情况下，我们项目的vue.config.js中对BAES_URL的配置是/，或者不做配置，因为它默认的值也是/ 这个路径决定了我们的前端项目打包后获取静态资源的默认的根路径（不显示在代码中），同时，这个路径也在public/index.html中有明显的引用，大多时候都会看到如下的代码：
怎么输入版权符号（?）
yax405的专栏
07-18 2079
做网站的也许都知道很多东西特别是footer文件经常要用到网站版权符号?，这个是个最基本的基础知识来的。对于很多老鸟来说那简直是不值得一提。当然还有很多人懒得去弄，我就对怎么输入版权符号?说下吧，其实有很多种方法都可以实现，方法大概如下：  1、这个方法是比较好用的，比较适合没有装其他编辑软件且旁边没有现成符号给复制等的情况下使用。方法是：按住Alt键不放，然后输入169。松开Alt键后，就可以打
使用<p>标签搭建页面结构，并为每个<p>标签定义不同的类 使用 cSS 内式为页面元素引入样式。 为第一个<p>标签设置“微软雅黑”字体、18px红色、倾斜、加粗的样式为第二个<p>标签设置为服务器字体、24px蓝色的样式。
最新发布
03-22
以下是使用<p>标签搭建页面结构，并为每个<p>标签定义不同的类，使用CSS内式为页面元素引入样式的代码： ```html <!DOCTYPE html> <html> <head> <title>页面结构和样式</title> <style> .p1 { font-family: "微软雅黑"; font-size: 18px; color: red; font-style: italic; font-weight: bold; } .p2 { font-family: "服务器字体"; font-size: 24px; color: blue; } </style> </head> <body> <p class="p1">这是第一个段落。</p> <p class="p2">这是第二个段落。</p> </body> </html> ``` 关于lua closure factory的完整代码，我需要更多的上下文信息才能回答你的问题。请提供更多的细节。 至于中文加密的问题，我可以提供以下代码作为参考： ```python import base64 def encrypt(text): text = text.encode('utf-8') encrypted_text = base64.b64encode(text) return encrypted_text.decode('utf-8') def decrypt(encrypted_text): encrypted_text = encrypted_text.encode('utf-8') decrypted_text = base64.b64decode(encrypted_text) return decrypted_text.decode('utf-8') ``` 这是一个简单的基于base64的加密和解密函数，可以用于中文字符串的加密和解密。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值