百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> html base标签如何用?base标签的运用办法(附实例)
分享文章到:

html base标签如何用?base标签的运用办法(附实例)

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章主要的介绍了关于HTML base标签的使用办法实例,其实base的用途还是挺强大的,网上都说base标签的强大,我之前用的少,不懂这些,今天我就给大家介绍这标签。让你们用着看看有没有感受很好,最后还有个关于HTML base标签的好处。接下来让我们一起看文章吧

本篇文章刚开端,我们介绍HTML的用途:

一、在html的<header>标签中使用<base>标签的用途:

<header>
<!-- <base> 标签为页面上的所有链接规定默许地址或默许目标。 -->
<base href = "${pageContext.request.contextPath}/" />
<base target = "_blank" />
</header>

这样使用的好处是页面中的所有链接假如使用了相对途径,那么就会以base标签中规定的地址作为根基地址,而不会使用当前文档的URL,比方这个:

<a href = "index.jsp" />

这里的<a>标签使用的相对途径相当于${pageContext.request.contextPath}/index.jsp;并且会以base标签中设定的target来翻开这一条链接。

需要留意的是,假如要使用base标签的href属性,那么这个途径必需以 / 结尾,不然这个途径是无结果的。

二、在a标签中使用base标签的用途:

由于a标签在一个页面大概有多个,所以就有了多个target,为了出去冗余。所以,用base标签可以指定所有a以怎样方式翻开跳转链接。

html base标签的使用办法:

在head标签中增加<base target="">。

base标签是对所有a标签起作用的,但是当base标签和a标签同时存在target时,会以a标签的target起作用。

说了这么多,看看实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>base-href实验1:不设定base标签</title>
</head>
<body>
<a href="#">这是一个href属性为空的链接</a>
<br>
<a href="http://www.php.cn">这是一个href属性的绝对途径,前往http://www.php.cn,PHP中文网的链接</a>
<br>
<a href="test.html">这是一个href属性设定为相对途径(test.html)的链接</a>
</body>
</html>

在阅读器中显示如下:

tuyi.png

HTML标志<base>可认为你页面上的所有相对url指定一个默许地址和默许属性。关于名目较浅构造较小的站,<base>没啥卵用,但是关于具有深度嵌套名目的站点,<base>标签大概帮你在页面集中权重,并让url更简短!由于,<base>可以帮你对站点停止优化。

有关于html <base>的好处:

tuer.png

好了,这就是关于base标签的所有的用途了,有什么疑问可以鄙人面发问。

【小编引荐】

HTML中head标签是啥意思?一篇文章教你准确地使用head标签

html表格中的th表头内容如何居中?th表头标签align属性的详细介绍

以上就是html base标签如何用?base标签的使用办法(附实例)的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有152人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板