首页 > 其他分享 >HTML的<base>元素

HTML的<base>元素

时间:2024-09-08 16:24:17浏览次数:12  
标签:URL 标签 元素 HTML 文档 属性

<base>元素

<base> 标签规定文档中所有相对 URL 的基准 URL 和/或目标。

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

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

<base> 标签必须具有 href 或 target 属性,或两者都有。

一份文档中只能有一个 <base> 元素,而且它必须位于 <head> 元素内部。它通常是 head 元素中位置最靠前的子元素之一,以便随后的元数据元素中的相对 URL 可以用上其设置的基准 URL。如果<head>中有多个<base>元素,则只有第一个有效。

 

<base> 标签不支持任何事件属性,但是支持HTML全局属性。

该标签不能有结束标签。

 

href属性:规定页面中所有相对 URL 的基本 URL。

target属性:取值:_blank、_parent、_self、_top。规定页面中所有超链接和表单的默认目标。

 

例子:

<head>

  <base href="https://www.xxx.com.cn/" target="_blank">

</head>

 

<body>

<img src="photo/123.png" width="200" height="150" alt="Tree">

<a href="tagstest/tag_base.asp">HTML base 标签</a>

</body>

 

标签:URL,标签,元素,HTML,文档,属性
From: https://blog.51cto.com/u_16830897/11952257

相关文章

  • 强调重点元素、弱化辅助元素、去掉无关元素,工控HMI还能好不了
    HMI设计,尤其工控领域的HMI设计,千万不要走极端,把界面搞得花哨,或者所谓的美观,切记实现功能才是第一位的。在人机界面(HMI)设计中,强调重点元素、弱化辅助元素、去掉无关元素是非常重要的,可以提高用户体验和界面的可用性。1.强调重点元素:通过颜色、大小、对比度等方式来突出显......
  • 阅读周·深入浅出的Node.js | 异步I/O、事件驱动和单线程,Node基调三元素了解一下
    背景去年下半年,我在微信书架里加入了许多技术书籍,各种类别的都有,断断续续的读了一部分。没有计划的阅读,收效甚微。新年伊始,我准备尝试一下其他方式,比如阅读周。每月抽出1~2个非连续周,完整阅读一本书籍。这个“玩法”虽然常见且板正,但是有效。已读完书籍:《架构简洁之道》。当前阅读......
  • #CAMA | 以视觉为中心的静态地图元素标注方法
    01现有标注方法的局限性在自动驾驶领域,静态地图元素的精确标注是实现高精度环境感知的关键。然而,现有的公共数据集在一致性和准确性方面存在局限,无法满足日益增长的高精度训练数据需求。图一展示了nuScenes数据集中的默认高清地图无法在一致性和准确性两个方面提供准确信息......
  • 优爱酷酷采系统软件支持批量链接采集可指定深度、资源嗅探支持10大类资源,批量下载短视
    图文详情如何批量嗅探资源采集网页链接?图像音频视频JsCssHtmlJson文档字体压缩其它自动下载链接转换仿站批量格式转换.webP,.avif格式图片下载,优爱酷酷采系统-想采就采把握精彩留住美好下载:UiCool.cn 【优爱酷酷采系统】✅链接:https://www.alipan.com/s/LxDVE3pjN......
  • 中秋之美——html5+css+js制作中秋网页
    中秋之美——html5+css+js制作中秋网页一、前言二、功能展示三、系统实现四、其它五、源码下载一、前言八月十五,秋已过半,是为中秋。“但愿人长久,千里共婵娟”,中秋时节,气温已凉未寒,天高气爽,月朗中天,正是观赏月亮的最佳时令。古人把圆月视为团圆的象征,因此,又称八月十......
  • 中秋之美——html5+css+js制作中秋网页——网页设计课程大作业
    中秋之美——html5+css+js制作中秋网页——网页设计课程大作业一、前言二、功能展示三、系统实现四、其它五、源码下载一、前言八月十五,秋已过半,是为中秋。“但愿人长久,千里共婵娟”,中秋时节,气温已凉未寒,天高气爽,月朗中天,正是观赏月亮的最佳时令。古人把圆月视为团......
  • 零基础上手WebGIS+智慧校园实例(长期更新#2)【html by js】
    请点个赞+收藏+关注支持一下博主喵!!!等下再更新一下1.WebGIS矢量图形的绘制(超级详细!!),2.WebGIS计算距离,以及智慧校园实例with3个例子!!!!,尽情期待!!!之后代码+资料全部发到github里,希望大家能关注一下咱的Github进行WebGIS开发时,引入API是一个关键步骤,它允许开发者将地图服务和功......
  • 【HTML页面】 每周更新的HTML好玩样式和页面
    本周有些迟到下面直接看页面吧星空个人介绍页猜拳小球下楼梯(加载动画)更改鼠标指针(有尾巴的小黑球)星空个人介绍页<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-......
  • html的表单和初始js
    1.表单是html常用的一类,我们平时使用的收集账号密码填写信息都是表单,标签是form,含有属性action和method,action确定表单接受数据的地址,不写默认为网页本身.method有两种收集方式,"post"和"get",其中默认方式为get,但是get对接收信息的大小有限制,post没有2.收集时会使用inp......
  • 【Qt】Qt与Html网页进行数据交互
    前言:此项目使用达梦数据库,以Qt制作服务器,Html制作网页客户端界面,可以通过任意浏览器访问。1、Qt与网页进行数据交互1.1、第一步:准备qwebchannel.js文件直接在qt的安装路径里复制即可1.2、第二步:在Qt的.pro文件加载webchannel组件在.pro文件添加如下组件:QT+=c......