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

lyg0 2020-07-05

<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>

资源网站大全 https://55wd.com 设计导航https://www.wode007.com/favorites/sjdh

注意：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标签有以下规则

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

: lyg0

相关推荐

前端如何实现.md文件转换成.html文件

.md文件是markdown的一种标记语言，和html比较起来，更简单快捷，主要体现在：标记符的数量和书写上。下面介绍如何实现将.md文件转换成.html文件。

lupeng 0喜欢 / 0评论 2020-11-14

HTML知识点（一）

五大主流浏览器：火狐浏览器?————因为内核不同???不是一个标准，而是一个标准的集合。所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接

owhile 0喜欢 / 0评论 2020-08-18

HTML

HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html

nercon 0喜欢 / 0评论 2020-08-09

网页获取数据

是用来描述网页的一种语言。但是它不是一种编程语言，而是一种标记语言。标签对中的第一个标签是开始标签，第二个标签是结束标签，开始和结束标签也被称为开放标签和闭合标签。JSON 全称JavaScript 对象表示法 , 是存储和交换文本信息的语法。column

WebVincent 0喜欢 / 0评论 2020-07-21

shopfiy 二次开发之 html 标签

shopfiy是使用liquid模板语言开发的，里面有一些非常实用的标签，不管是在 html结构中，还是在 css样式中都可以使用，非常方便。<img class="mid-pic" src="{{ ‘app.png‘

haocxy 0喜欢 / 0评论 2020-07-18

29 HTML（定位标签的属性）

-----注释----->，快捷键ctrl+/. 一级标题<h1></h1>二级标题<h2></h2>三级标题<h6></h6>align属性，表示对齐方式,显示左对齐align

pythonclass 0喜欢 / 0评论 2020-07-08

HTML 语义

HTML 并不简单，它是典型的“入门容易，精通困难”的一部分知识。深刻理解 HTML 是成为优秀的前端工程师重要的一步。语义是我们说话表达的意思，多数的语义实际上都是由文字来承载的。现在很多的前端工程师写起代码来，多数都不用复杂的语义标签，只靠 div

行吟阁 0喜欢 / 0评论 2020-07-05

HTML 基础回顾

# 前端，网站前台部分，<input type="image" name="吧一个图片当做按钮" value="1233123">. display属性　　display属性是用来设置

swiftwwj 0喜欢 / 0评论 2020-06-26

资深前端工程师带你认识网页后缀html、htm、shtml、shtm有什么区别？

每一个网页或者说是web页都有其固定的后缀名，不同的后缀名对应着不同的文件格式和不同的规则、协议、用法，最常见的web页的后缀名是.html和.htm，但这只是web页最基本的两种文件格式，今天我们来介绍一下web页的其它一些文件格式。当shtml或者sh

huzijia 0喜欢 / 0评论 2020-06-16

20194302实验四 Python综合实践

笔趣看是一个盗版小说网站，这里有很多起点中文网的小说，该网站小说的更新速度稍滞后于起点中文网正版小说的更新速度。并且该网站只支持在线浏览，不支持小说打包下载。因此，本次实战就是从该网站爬取并保存一本名为《一念永恒》的小说，该小说是耳根已完结的一部玄幻小说。

dadaooxx 0喜欢 / 0评论 2020-06-14

学前端,css与javascript重难点浅析

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。CSS是将样式信息与网页内容分离的一种标记

二毛妮子 0喜欢 / 0评论 2020-06-14

前端之HTML

前端和后端，站在代码执行位置的角度来区分的话，服务端所执行的代码被称为后端代码，也就是这部分代码是在服务器上运行的。这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页。htm

qsdnet我想学编程 0喜欢 / 0评论 2020-06-13

一分钟了解HTML 与 CSS（乐字节，乐字节java，乐字节架构）3

如果你想成为一名优秀的java架构师，看这里 → 乐字节免费公开课如需要跟多资料请点击右侧 → 这是一条不归路，有秃头风险，请慎重选择！CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。CSS能够根据不同使用者的理解能力，简

nicepainkiller 0喜欢 / 0评论 2020-06-10

HTML

5.编写HTML文档时，必须遵守W3C标准，W3C是制作和维护统一的国际化Web开发的标准组织。

玫瑰小妖 0喜欢 / 0评论 2020-06-07

HTML 与 CSS--乐字节Java

HTML就是超文本标记语言。"超文本"就是表示页面内可以包含非文字元素，如：图片、链接、音乐等等。这种标记性语言是因特网上网页的主要语言。将 HTML 网页文件用浏览器打开显示，若测试没有问题则可以放到服务器上，对外发布信息。HTML

pythonclass 0喜欢 / 0评论 2020-06-06

一分钟了解HTML 与 CSS（乐字节，乐字节java，乐字节架构）

如果你想成为一名优秀的java架构师，看这里 → 乐字节免费公开课如需要跟多资料请点击右侧 → 这是一条不归路，有秃头风险，请慎重选择！HTML就是超文本标记语言。"超文本"就是表示页面内可以包含非文字元素，如：图片、链接、音乐等等。这

nercon 0喜欢 / 0评论 2020-06-06

html基础

标题头部区域的内容。web页面中的一块独立的区域。块级元素会独自占据一行,即使设置了宽度。子元素是内联元素,父元素可以用text-align属性设置元素水平对齐方式,用line-height属性。有语义的行内元素。一般表单指定使用post方式提交数据。hi

huzijia 0喜欢 / 0评论 2020-06-06

Python实现网页自动化-浏览器查找元素（二）

因为Selenium是通过程序来自动操控网页的控件元素，比如单击某个按钮、输入文本框内容等，若网页中有多个同类型的元素，好比有多个按钮，想要Selenium精准地单击目标元素，需要将目标元素的具体信息告知Selenium，让它根据这些信息在网页上找到该元素

HMHYY 0喜欢 / 0评论 2020-06-06

JavaScript 简版-菜鸟中的菜鸟3

JavaScript 是一个程序语言。语法规则定义了语言结构。它是一个轻量级，但功能强大的编程语言。在编程语言中，一般固定值称为字面量，如 3.14。数字字面量可以是整数或者是小数，或者是科学计数。变量可以通过变量名访问。在指令式语言中，变量通常是可变的。

tianqi 0喜欢 / 0评论 2020-05-31

一篇文章学习html【经典案例】

html叫做超本文标记语言，注意它只是标记语言，不是编程语言。标记成对出现，也有例外，比如<img src=""/>、<br/>. <title>这是一个标签</title><met

haocxy 0喜欢 / 0评论 2020-05-31

基于Python豆瓣自动化测试【2】

承接上一篇中最后的测试结果图，使用过的pytest-html 插件原生态的报告的话。可能会发现内容样式都有些不同。其实是做了些扩展相关设置所呈现的效果，当然可以定制的更深度一些，更加中文、本地化，又或者根据公司需要进行定向研发。这篇就如何优化、定制pyt

坚持是一种品质 0喜欢 / 0评论 2020-05-29

Javascript 在html中的嵌入方式

Javascript 作为客户端的脚本语言，主要的用途就是帮助html处理部分交互逻辑。Javascript语言同其他脚本语言一样，通过控制语句、函数、对象方法属性等来实现编程。先来介绍javascript是如何同html交互的，也就是嵌入的方式。根据ja

haocxy 0喜欢 / 0评论 2020-05-28

html

　　超文本标记语言，标准通用标记语言下的一个应用；是网页制作必备的编程语。　　“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。　　HTML 不是一种编程语言，而是一种标记语言。DOCTYPE html> 声明为 HTML 文档

swiftwwj 0喜欢 / 0评论 2020-05-27

HTML和XML的区别

HTML和XML的区别是：语法要求不同，标记不同，作用不同。在XML中，是严格的树状结构，绝对不能省略掉结束标记。XML 和HTML 的目标不同HTML 的设计目标是显示数据并集中于数据外观，而XML的设计目标是描述数据并集中于数据的内容。与HTML 相似

行吟阁 0喜欢 / 0评论 2020-05-18

第01阶段.前端基础.HTML常用标签

不会再给结构标签指定样式了。排版标签主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签。``` 传智播客学前端，　　前端入门亦简单。　　简单知识简单看，　　重点勤练写三遍。　　标题一共六级选，　　具体效果刷新见。div 就是 div

lyg0 0喜欢 / 0评论 2020-05-16

第01阶段.前端基础.认识HTML

- 理解 - HTML的概念 - HTML标签的分类 - HTML标签的关系 - HTML标签的语义化- 应用 - HTML骨架格式 - sublime基本使用。- HTML 不是一种编程语言，而是一种标记语言 - 标记语言是一套标记标签 . > 网

swiftwwj 0喜欢 / 0评论 2020-05-16

前端开发-html

请求一次响应一次，--左侧菜单栏结束-->

hxmilyy 0喜欢 / 0评论 2020-05-11

50.前端学习02——HTML

超文本标记语言是一种用于创建网页的标记语言。本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。--左侧菜单栏结束-->. DOCTYPE html>声明为HTML5文

HSdiana 0喜欢 / 0评论 2020-05-11

HTML <title> 标签

所有浏览器都支持 <title> 标签。<title> 元素可定义文档的标题。浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链

pythonclass 0喜欢 / 0评论 2020-05-11

HTML介绍

html,中文名为超文本标记语言，他是一门能被浏览器解析成网页的标签语言，当我们使用浏览器访问网页时，那边就有一个服务端给你发送数据到你的浏览器上，而那些数据就包括html，然后被浏览器渲染成我们看到的那个样子，浏览器就相当于一个解释器解释html

nercon 0喜欢 / 0评论 2020-05-07

HTML的各种基本标签

DOCTYPE html><html>文档类型声明声明当前文件是一个HTML5文件文档类型声明在一个html文件中必不可少而且必须在网页第一行。utf-8:unicode万国码基本兼容各国语言编码。rel ="icon&

WebVincent 0喜欢 / 0评论 2020-05-04

HTML的基本标签定义

###本来是在学Django的，但过程中遇到了大量的HTML知识，无奈至极，只能来先学习下HTML,特此通过此博客来见证学习的过程。　　　　HTML 不是一种编程语言，而是一种标记语言。　　　　标记语言是一套标记标签。　　　　HTML 使用标记标签来描述网

爱好HtmlCssJs 0喜欢 / 0评论 2020-04-21

cesium【01-初始化】

　　Cesium是一款面向三维地球和地图的，世界级的javaScript开源产品。它提供了基于javaScript语言的开发包，方便用户快速搭建一款零插件的虚拟地球Web应用，并在性能，精度，渲染质量以及多平台，易用性上都有高质量的保证。　　Cesium隶

qsdnet我想学编程 0喜欢 / 0评论 2020-04-18

自己写的一个HTML的小网页

上次在上直播课的时候，教员提到了html这种标记语言。自己就在W3school上面学了一点点关于html的一些皮毛，自己动手写了一个小网页，同时自己对CTF这一块比较感兴趣，但是自己还是一个干干净净的小白，就在B站上找了一些关于Web安全的入门视频看了看，

HSdiana 0喜欢 / 0评论 2020-04-11

26 个 CSS 面试的高频考点助力金三银四

CSS是层叠样式表的缩写，是一种样式表语言，用于描述以 HTML 之类的标记语言编写的文档的布局。它是用于设计Web页面的三剑客之一，另外两位浩客是HTML和Javascript。CSS 的设计目的是使样式和内容分离，包括布局、颜色和字体。既然我们已经讨

沈宫新 0喜欢 / 0评论 2020-04-10

XHTML 简介

XHTML 指可扩展超文本标签语言。XHTML 的目标是取代 HTML。XHTML 与 HTML 4.01 几乎是相同的。XHTML 是更严格更纯净的 HTML 版本。XHTML 是作为一种 XML 应用被重新定义的 HTML。通过把 HTML 和 XML

owhile 0喜欢 / 0评论 2020-04-07

html简介,版本和文档类型声明

HTML也叫作超文本标记语言，是一种用来结构化 Web 网页及其内容的标记语言，标准通用标记语言下的一个应用，您可以使用 HTML 来建立自己的 WEB 站点。<head>标签包含了文档的元数据，如<meta charset="

lyg0 0喜欢 / 0评论 2020-03-23

HTML 文档声明

DTD是一组机器可读的规则，定义XML或HTML特定版本中可以出现哪些东西。解析网页的时候，浏览器将使用这些规则检查页面的有效性并采取相应的措施。DOCTYPE 声明是指 HTML 文档开头处的一行或是两行代码，描述使用哪个DTD。　　HTML 2.0：1

玫瑰小妖 0喜欢 / 0评论 2020-03-08

HTML 基础

　　世界上第一个网站的创建者 —— 蒂姆.博纳斯-李。1991 年 8 月 6日，世界上第一个服务器和第一个网站在欧洲核子研究中心上线。　　浏览器是访问网站的工具，前端工程师负责编写网页的源代码，浏览器负责将网页渲染成想要的样子。于是博纳斯-李在 199

qsdnet我想学编程 0喜欢 / 0评论 2020-03-08

HTML常用标签

HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。所谓超级链接，就是一种URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。但需要注意的是，对于不同的浏览器，对同一标记符可能会有

lyg0 0喜欢 / 0评论 2020-03-02

HTML

超文本标记语言，标准通用标记语言下的一个应用；是网页制作必备的编程语言。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。<h1>我的第一个标题。<p>我的第一个段落。DOCTYPE html> 声明为

STPace 0喜欢 / 0评论 2020-03-02

php入门视频教程

熟悉HTML/CSS/JS等网页基本元素，完成阶段可自行制作简单的网页，对元素属性相对熟悉。理解动态语言的概念和运做机制，熟悉基本的PHP语法。学习如何将PHP与HTML结合起来，完成简单的动态页面。不断巩固PHP语法，熟悉大部分的PHP常用函数，

爱好HtmlCssJs 0喜欢 / 0评论 2020-03-01

介绍Html

HTML之所以称为超文本标记语言，不仅是因为他通过标记描述网页内容，同时也由于文本中包含了所谓的“超级链接”，通过超链接可以实现网页的跳转。从而构成了丰富多彩的Web页面。-- <head>标记用于定义HTML文档的头部信息，也称为头部标记，紧

hixiaoyang 0喜欢 / 0评论 2020-02-27

前端 HTML CSS Js

Object.create() call apply arguments prototype=包含构造方法和原型链等。自执行， export { } import from let ...args Proxy reflect. 数据类型5种：st

福叔 0喜欢 / 0评论 2020-02-25

从零开始在JAVA世界冒险——（零）

主要是这学期有J2EE课，所以就来学JAVA了，顺便开了JAVA的学期帖，之后还有HTML和JS以及CSS（不说了学习去了。首先这里推荐一个我个人觉得比较好的B站从零开始JAVA教程：av48144058（不过他有700多P，可以挑自己不懂的地方学习。之后

swiftwwj 0喜欢 / 0评论 2020-02-24

HTML入门

我们知道，用所谓的网页三剑客已经不能满足需求了，那前端开发究竟要学习什么技术呢？网页最主要由3部分组成：结构、表现和行为。网页现在新的标准是W3C，目前模式是HTML、CSS和JavaScript。以后我们在别的地方看到“层叠样式表”、“CSS样式”，指的

haohong 0喜欢 / 0评论 2020-02-20

python学习之web中的html

Web概述web起源web特点1.易导航和图形化界面2.与平台无关3.分布式结构4.动态性5.交互性。HTML即是超文本标记语言, 通过使用标记标签来描述页面文档结构和表现形式的一种语言,再由浏览器进行解析,然后把结果展示在网页上。?xhtml制定了文档的

爱好HtmlCssJs 0喜欢 / 0评论 2020-02-20

HTML

超文本: 就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

STPace 0喜欢 / 0评论 2020-02-19

xPath和html基础扫盲

　　一种网页的标准、规范。编写网页文档的主要语言。　　统一资源定位器，可以准确指出文件所在位置及浏览器处理它的方式。

qsdnet我想学编程 0喜欢 / 0评论 2020-02-15