有趣的base href

最新推荐文章于 2025-02-17 16:56:45 发布
最新推荐文章于 2025-02-17 16:56:45 发布
阅读量97 收藏
点赞数
文章标签： xhtml
本文介绍了HTML中的base标记，解释了如何使用它来设置页面中所有链接的默认目标位置及路径前缀。通过一个实例展示了如何简化框架结构中链接的管理。
< DOCTYPE html PUBLIC -WCDTD XHTML TransitionalEN httpwwwworgTRxhtmlDTDxhtml-transitionaldtd>

base标记是一个基链接标记，是一个单标记。用以改变文件中所有连结标记的参数内定值。它只能应用于标记<head>与</head>之间。
你网页上的所有相对路径在链接时都将在前面加上基链接指向的地址。

重要属性：
href
设定前缀的链接地址

target
设定文件显示的窗口,同a标记中的target

简单例子：
<html>
<head>
<base href="http://www.baidu.com" target="_blank">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>base标记</title>
<link rel="Shortcut Icon" href="ani.CUR">
</head>
<body>
<a href="77.htm" target="_self">77</a>
<a href="88.htm">88</a>
</body>
</html>

当点了链接后，跳出的文件是
常在框架结构中用，如左右两个框架，把左边的框架中文件里的连接都显示在右边的框架里。只要用base标记，把其target属性值写为右框架名称，这就不用再为左框架里的文件中的每一个连接都指定target属性。

当使用时，BASE 元素必须出现在文档的 HEAD 内，在任何对外部源的引用之前。

此元素在 Microsoft® Internet Explorer 3.0 的 HTML 中可用，在 Internet Explorer 4.0 的脚本中可用。

此元素不会被渲染。

此元素不需要关闭标签。

#html/xhtml/xml专栏
Python星球日记 - 第19天：Web开发基础
Code_流苏：在代码中寻诗意，在实践中觅真知
04-09 712
《Python星球日记》第19天带您探索Web开发基础，通过Flask框架构建个人博客网站。文章详细讲解路由设计、模板渲染及最佳实践，从零开始轻松入门Python网站开发，快速实现从想法到成品的转变。
简洁个人作品网站（简洁设计 + 个人作品 + AI助手）
Code_流苏：在代码中寻诗意，在实践中觅真知
12-23 334
手搓一个简洁的个人作品网站（有个人作品界面 + AI助手）
<base href="<%=basePath%>">
wl199083的专栏
09-15 1260
在jsp页面写了highchart  IE调试却不显示找其原因  在head中去掉">之后显示成功 原因在引用外部之后是找不到路径的。。。 解决办法要么删掉"> 要么改成   总结一下">的作用   String path = request.getContextPath(); String basePath = request.getScheme()+"://"+r
base href
ruhender_vulkan的专栏
05-07 481
当点了链接后，跳出的网页地址是http://www.jb51.net/1.asp或http://www.jb51.net/2.asp，它就是在这些相对路径的文件前加上基链接指向的地址。如果目标文件中的链接没有指定target属性，就用base标记中的target属性。          常在框架结构中用，如左右两个框架，把左边的框架中文件里的连接都显示在右边的框架里。只要用base标记，把其tar
Base标记说明
jieyulu的专栏
07-25 1016
base标记是一个基链接标记，是一个单标记。用以改变文件中所有连结标记的参数内定值。它只能应用于标记与之间。你网页上的所有相对路径在链接时都将在前面加上基链接指向的地址。 重要属性： href设定前缀的链接地址 targe
<base href= < php,01HTMl-<base>标签
weixin_42306812的博客
03-20 203
一、base用于定义页面链接的打开方式 定义页面链接默认打开方式,base通过target属性告诉浏览器如何打开页面。_blank，在新窗口显示目标网页_parent，框架网页中当前整个窗口位置显示目标网页_self，在当前窗口显示目标网页_top，框架网页中在上部窗口中显示目标网页二、base用于URL的基础定位 定义页面用于URL的基础定位标签可以为整个页面定义所有链接的基础定位，主要作用是为...
<base href="../"/>标签
weixin_34175509的博客
11-11 299
2019独角兽企业重金招聘Python工程师标准>>> ...
incywincy:一个小型的，有趣的（定位2小时）网站资源映射器
05-05
Incy Wincy网络蜘蛛 一个小型的，有趣的（定位2... 他不考虑HTML“ base href”标记，而是将所有位置都与上下文相关 他不检查DOM中的规范链接，因此如果url不同则将遍历同一页面 还被告知他忽略＃个地点的位置 他只爬ht
【透明度保持秘籍】：Canvas转Base64_JPEG时透明区域不黑的终极解决方案
本文全面探讨了Canvas与Base64编码在实现图像透明度方面的基础理论和实践应用。文章从Canvas的基本概念和API讲起，详细分析了Canvas中透明度的处理方式及其面临的问题。接着，详细解析了Base64编码机制以及与JPEG...
【Python爬虫(11)】从入门到精通：CSS选择器在Python爬虫中的深度解析（豆瓣电影实例）
最新发布
邓邓子的博客
02-17 1760
CSS 选择器是 CSS（层叠样式表）中用于选择 HTML 文档中元素的一种模式，它在网页样式控制中起着核心作用。通过 CSS 选择器，开发者可以精确地指定哪些 HTML 元素应该应用特定的样式规则，从而实现对网页外观的细致控制，比如改变文本颜色、字体大小、背景颜色、元素布局等。在 Python 爬虫领域，CSS 选择器同样是一种强大的工具，用于在 HTML 或 XML 文档中定位和提取所需的数据。
jsp路径问题之base
weixin_34221112的博客
03-12 145
&lt;base href="&lt;%=basePath%&gt;"&gt; base 标记用于指定页面中所有相对路径的基点, 而默认的相对路径的基点是页面所在路径. 测试代码如下: menu.jsp &lt;%-- Created by IntelliJ IDEA. User: yadongliang Date: 2018/3/12 0012 T...
＜base href=““/＞ 标签的使用
✈ 正在努力 の 寒江（StudiousTiger) ✌ 呐 ✈
10-19 2838
在javaWeb中我们难免会用到“请求转发”(不明白的伙伴可以来看看我之前发布) 请求转发的一个特点是： url是不会变的 那么我经常使用的绝对路径“…/”就会失效，因为“…/”是参照url中的地址的。 那么怎么解决这个问题呢？ 这个时候base标签就出现了，当在htm中使用的base，那么该HTML中的“…/”就不会参照url中的地址，就会参照base中的href中的地址，这样就解决了上述的问题 例如： <!DOCTYPE html> <html lang="en"> &l
base href="http://www.w3school.com.cn/i/" 是什么意思
肖肖肖丽珠的博客
03-21 807
<head> <base href="http://www.w3school.com.cn/i/" /> </head> <body> <img src="eg_smile.gif" /> </body> 在head中写的base后面的href就是页面所有的链接的url的基准地址 下面就不用写全部的地址了，只有写...
<base href= < php,base标签有什么作用?
weixin_34266692的博客
03-20 581
首先我们先分析htmlbase标签的作用：base标签是HTML语言中的基准网址标记，它是一个单标签，位于网页头部文件的head标签内，一个页面最多只能使用一个base元素，用来提供一个指定的默认目标，也算是一种表达路径和连接网址的标记。常见的url路径形式分别有相对路径与绝对路径，如果base标签指定了目标，浏览器将通过这个目标来解析当前文档中的所有相对路径，包括的标签有(a、img、link、...
〈base href=http://birdshome.cnblogs.com/ /〉
小诺的一路向北
07-31 1121
 〈base href=http://birdshome.cnblogs.com/ /〉
<base href="">的作用
iteye_14978的博客
10-16 791
1.主要是为了解决web编程中相对路径的问题。他是网页里相对连接的前缀。 例如： 如果在之间加入了 那么下 边的就相当于连接到http://www.xbzf.cn/abc.html页面。 2.只能用在之间 3.属性target的用法 base 有个属性target，用法 如果target值设置为"_blank",那么该网页中所有的超链...
index.html head 元素中的 base href 属性作用介绍
孔乙己的博客
09-12 762
是 HTML 中一个用于设置文档中所有相对 URL 基准路径的元素。这个元素位于 HTML 文档的部分，它的主要作用是为文档提供一个相对路径的参考点。这样，所有相对路径的链接和资源都会基于这个基准路径进行解析。在详细解释其用途和作用之前，我们先看一下元素的基本语法样式：href和target。href属性指定了相对 URL 的基准路径，target属性设置了默认的链接目标窗口或框架。
基连接 <base href="">
01-08 1250
基连接 ：设置基础路径的 如果你的部分定义了:google.com/">,那么以后你就不用每次都把路径全部写上了 例如： 以前：a href="http://www.google.com/xxx.html">， 现在：a href="xxx.html"> //部分加了:google.com/">后 以前：img src="http://www.google.com/
用好href的target, base href
hudeyong926的专栏
07-06 253
sddsds
angular APP_BASE_HREF
02-12
### Angular 中 `APP_BASE_HREF` 的用法 在 Angular 应用程序中，路由模块依赖于基础路径来解析相对 URL。为了配置应用程序的基础路径，可以使用 `APP_BASE_HREF` 注入令牌[^1]。 当部署应用到服务器上的子目录而不是根目录时，需要指定该子目录作为应用的基础路径。通过提供 `APP_BASE_HREF`，可以在启动期间告诉 Angular 路由器这个基础路径是什么： ```typescript import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { RouterModule, APP_BASE_HREF } from '@angular/router'; import { AppComponent } from './app.component'; @NgModule({ declarations: [ AppComponent, ], imports: [ BrowserModule, RouterModule.forRoot([ // 定义路由配置... ]), ], providers: [{ provide: APP_BASE_HREF, useValue: '/my-subdir/' }], bootstrap: [AppComponent], }) export class AppModule {} ``` 在这个例子中，假设应用被部署到了 `/my-subdir/` 子目录下，则应将 `useValue` 设置为对应值。这会告知路由器所有链接都相对于此路径构建。 如果未正确设置 `APP_BASE_HREF` 或者完全忽略了它，在某些情况下可能会遇到页面刷新后找不到资源的问题，因为浏览器尝试访问错误的位置去加载组件或其他静态文件[^2]。 对于开发环境中的本地测试，默认情况下不需要显式设定 `APP_BASE_HREF`，因为它通常会被设为 `'/'` 表示根目录。但在生产环境中特别是非根路径部署的情况下，合理配置这一参数非常重要。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值