html <base>标签的作用

最新推荐文章于 2022-03-15 19:44:48 发布
最新推荐文章于 2022-03-15 19:44:48 发布
阅读量101 收藏
点赞数
原文链接：https://yq.aliyun.com/articles/561162
版权
此标签虽然比较简单，但是使用的频率相较于其他标签要低的多，可能有些学习者不太熟悉，下面就简单介绍一下此标签的作用和用法，希望能够给初学者带来一定的帮助。

此标签可以为当前文档的所有链接设置基准链接，对于基准链接的理解是是关键点。

在网页代码中一般使用相对链接连获取一个文件，例如:

1
< img src = "img.jpg" />

上面代码是一个常见用法，其实这个链接不完整，因为在实际解析的时候浏览器会将这个路径解析为绝对路径，例如网站的url链接是http://www.softwhy.com，那么浏览器就会将相对转换为绝对地址:

1

网站的网址就是基准链接，这是默认的，当然也可以人为的规定基准链接，那么<base>标签就派上用场了。

完整代码实例如下:

01
02
03
04
05
06
07
08
09
10
11
12
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< meta name = "author" content = "http://www.softwhy.com/" />
< title >蚂蚁部落</ title >
< base href = "http://www.163.com" >
</ head >
< body >
< img src = "img.jpg" />
</ body >
</ html >

以上代码通过<base>标签将基准链接设置为网易地址，那么这个图片的地址就是:

1


原文发布时间为：2017-10-1

本文作者：admin

本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落

原文链接:html <base>标签的作用

weixin_34366546
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML ＜head＞标签：头部
克隆窝
02-03 2028
charset 属性用来指定 HTML 文档的字符编码，上面的示例中，我们将文档的字符编码设置为了“UTF-8”。2) 定义页面描述定义页面的描述信息有利于搜索引擎的搜索。
HTML中的base标签使用详解
09-28
在requireJS中，有一个属性叫baseURL，通过设置baseURL，我们可以将需要加载的文件路径写成相对于项目的，而不是相对于当前页面的
html中base标签的作用
程宇寒
03-16 5962
base标签的作用就是，当页面中的A超链接标签没有设置href属性的值和没有设置target属性的值时，默认使用base标签中的href属性的值和target属性的值!直接上代码!&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;base标签&lt;/title&g
HTML中base标签的作用
qq_44292439的博客
12-08 1769
HTML标签的作用 相信很多人都没有用过标签，其实我也没用过哈哈，这个标签适用于一些特殊的场景，一般我们是用不到的，下面给大家介绍一下他的作用 <base>标签定义及用法 <base>标签为页面上的所有链接规定默认地址（目录）或默认属性（target属性）。 通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。 使用<base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 UR
<base href="<%=basePath%>">
10-29 4412
base标记是一个基链接标记，是一个单标记。用以改变文件中所有连结标记的参数内定值。它只能应用于标记与之间。 你网页上的所有相对路径在链接时都将在前面加上基链接指向的地址。   base 元素可规定页面中所有链接的基准 URL 我们可以使用 标签中的href属性来设置，所有的“相对基准 URL”。   这是JSP端的代码 采用了html文件中的 标签： 代码如下: Strin
＜base＞ 标签
长不大的大灰狼
02-26 1059
<base> 标签 <base> 标签为页面上的所有链接规定默认地址或默认目标。 将页面上路径中的${pageContext.request.contextPath}部分提取到页面开头。 <head> <base href="http://${pageContext.request.serverName}:${pageContext.request.serverPort}${page Context.request.contextPath}/"/> <
HTML基础-01-头部（＜head＞＜title＞＜ base＞＜link＞＜style＞＜meta＞＜script＞），区块元素和内联元素
运维玄德公
03-15 2690
1. 简单应用 1.1 第一个页面 1.2 注释 1.3 水平线 < hr > 2. 头部 < head > 2.1 < title >元素 2.2 < base > 元素 2.3 < link > 元素 2.4 < style > 元素 2.5 < meta > 元素 2.6 < script > 元素 3. 区块元素和内联元素（行内元素） 3.1 区块元素 3.2 内联元素 4. 几个简单示例 4.1 段落 < p > 4.2 分行 < br >...
HTML标签概述及＜html＞,＜head＞,＜title＞,＜link＞,＜form＞,＜meta＞详细介绍
share something here
09-26 7451
Web概述与创建介绍Web出发创建自己的Web后记三级目录 介绍 web（World Wide Web）是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。 超文本：是计算机处理文本信息的方法，不同空间的电子文档通过超链接组织起来成为一个“网”，这个文档“网”称为“超级文本”，简称“超文本”。 HTTP：全称Hyper Text Transfer Protocol（超文本传输协议）。经过多年的发展，现在HTTP能够传输图片等多媒体文件，是Web世界的中流砥柱，应用非常广泛 W
HTML_<html>\<head>\<body>标签详解
也许有一天我们再相逢 睁开眼睛看清楚 我才是英雄！
01-15 8267
HTML_<html>\<head>\<body>标签详解
html中<base>标签的使用
不积跬步，无以至千里
04-08 2361
在html的<header>标签中可以使用<base>标签如下：<header> <!-- <base> 标签为页面上的所有链接规定默认地址或默认目标。 --> <base href = "${pageContext.request.contextPath}/" /> <base target = "_blank" /> </header>这样使用的好处是页面中的所有链接如果使用了相对路径，那么就会
HTML中的<head>标签及其内容
热门推荐
Xiaowo
08-24 1万+
head title base meta link script style<head> <head> 标签用于定义文档的头部，它是所有头部元素的容器。 <head> 中的元素可以： - 引用脚本 - 指示浏览器在哪里找到样式表 - 提供元信息 - 等等 文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真
HTML常用标签.pdf
10-05
5. <base>：标签描述了基本的链接地址/ 链接目标，该标签作为 HTML 文档中所有的链接标签的默认链接。 6. <meta>：<meta> 元素可提供有关页面的元信息（meta-information ），比如针对搜索引擎和更新频度的描述和...
HTML中各标签对应的英文意思1
08-08
11. base - 默认链接地址：使用 `<base>` 标签指定链接的默认地址或默认目标。 12. basefont - 默认字体：使用 `<basefont>` 标签指定默认字体。 13. BiDi-Isolate - 双向隔离文本方向：使用 `<bdi>` 标签定义双向...
html base标签 target=_parent使用介绍
09-28
base标签为页面上的所有链接规定默认地址或默认目标，浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL，感兴趣的朋友可以参考下哈
操作系统期末复习笔记！
06-13
操作系统期末复习笔记
pyzmq-22.0.0-cp38-cp38-manylinux2010_i686.whl
06-13
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
pyzmq-25.1.1b2-cp37-cp37m-win_amd64.whl
最新发布
06-13
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
香港某银行-CRYPTO业务资料
06-13
香港某银行--CRYPTO业务资料
【模拟退火算法】TSP.zip
06-13
模拟退火算法解决TSP旅行商问题
使用<p>标签搭建页面结构，并为每个<p>标签定义不同的类 使用 cSS 内式为页面元素引入样式。 为第一个<p>标签设置“微软雅黑”字体、18px红色、倾斜、加粗的样式为第二个<p>标签设置为服务器字体、24px蓝色的样式。
03-22
以下是使用<p>标签搭建页面结构，并为每个<p>标签定义不同的类，使用CSS内式为页面元素引入样式的代码： ```html <!DOCTYPE html> <html> <head> <title>页面结构和样式</title> <style> .p1 { font-family:...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值