HTML中<base>标签的正确使用

时间: 2018-05-04阅读: 2090标签: 标签

<base>的定义、作用

1.  定义:<base> 标签是 html 语言中的基准网址标记,是一个单标签。

2.  作用:规定页面上所有链接的默认 URL 和默认目标。

例如: 

<!DOCTYPE html>
<html lang="en">
<head>
    <title>base</title>
    <meta charset="UTF-8">
    <base href="http://www.w3cschool.cn" target="_blank">
</head>
<body>
<p>img标签里的src的绝对路径是http://www.w3cschool.cn/statics/images/course/planets.gif</p>
<img src="/statics/images/course/planets.gif" width="145" height="126" alt="Planets">
</body>
</html>


注意:base规定的是页面上所有链接的默认URL,是所有! 其包括src,href等所有URL。使用到的链接都会与base里的href链接拼接。

比如找不到css文件的例子:

<!DOCTYPE html>
<html lang="en">
<head>
<title>base</title> 
 <meta charset="UTF-8">
<base href="http://www.w3cschool.cn" target="_blank"> 
<link rel="stylesheet" type="text/css" href="CSS/first.css" > <!--链接外部资源-->
</head>
<body>
<p>外部样式表想引用非base链接目录下的文件,那么该样式表将无法找到。</p>
</body>
</html>

 

简而言之:base标签有以下规则

  1. <base> 标签必须位于 <head> 元素内部。
  2. 在一个文档中,最多能使用一个 <base> 标签。 
  3. 使用了<base>标签的链接后,其他链接必须在<base>标签的链接里面,不然将无法找到。

 

站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: https://www.fly63.com/article/detial/733

在html中创建自定义标签

Web Components 标准非常重要的一个特性是,它使开发者能够将HTML页面的功能封装为 custom elements(自定义标签),本篇介绍使用 CustomElementRegistry 来管理我们的自定义标签

video标签的属性

HTML5是下一代HTML,新增了许多新的标签,这些标签实现了许多新的功能。并且还减少了对外部插件的要求同时也可以更好的处理错误。比如HTML5中的video标签就可以很好的实现了在页面上播放视频的效果。

html中meta标签及Keywords

关键字 meta(标签)及 Keywords(关键词),曾经在网页中很重要的,但现在已经被很多搜索引擎完全忽略。但是,如果加上这个标签也对网页的综合表现没有坏处,不过,如果使用不恰当的话,对网页非但没有好处

深入理解Video标签

目前主流浏览器加强了对自动播放策略(Autoplay)的限制:浏览器在没有交互操作之前不允许有声音的媒体文件自动播放。 而且各个浏览器关于自动播放策略有不同的实现。

html富文本的 ↵ 转为</br>标签

‘↵’是回车符/n,这段内容是通过textarea人为编辑,提交给后端保存的。编辑框中可以识别的字符,在普通的标签里面没办法识别到,所以要转换成可以识别的<br/>

如何将 JavaScript 代码添加到网页中,以及 <script> 标签的属性

本教程的这一部分内容是关于 JavaScript 语言本身的。但是,我们需要一个工作环境来运行我们的脚本,由于本教程是在线的,所以浏览器是一个不错的选择。我们会尽可能少地使用浏览器特定的命令(比如 alert)

什么是网页标签?

网页标签即HTML标签是网页浏览器识别符,是浏览器程序默认系统默认许可标签。HTML标签是HTML语言中最基本的单位,HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。

html里a标签中href调用js的几种方法

这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。

小程序如何写动态标签

动态配置标签的好处一是所有逻辑在JS端控制,二是使得我们的模板非常规范,方便后续维护更新,碎片模板可以很好的控制,三是我们可以根据使用场景很方便的配置props的属性

总结那些有默认margin,padding值的html标签

h1~h6标签:有默认margin(top,bottom且相同)值,没有默认padding值。dl标签:有默认margin(top,bottom且相同)值,没有默认padding值。ol,ul标签:有默认margin-(top,bottom且相同)值,有默认padding-left值

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!