首页 web前端 html教程 html base标签有什么作用?base标签的作用分析(附实例)

html base标签有什么作用?base标签的作用分析(附实例)

Sep 05, 2018 pm 01:59 PM
base html

本篇文章主要的介绍了关于HTML base标签的用法介绍,还有关于HTML base标签的作用的分析,接下来就让我们一起来看这篇文章吧

首先我们先分析html base标签的作用:

base标签是HTML语言中的基准网址标记,它是一个单标签,位于网页头部文件的head标签内,一个页面最多只能使用一个base元素,用来提供一个指定的默认目标,也算是一种表达路径和连接网址的标记。

常见的url路径形式分别有相对路径与绝对路径,如果base标签指定了目标,浏览器将通过这个目标来解析当前文档中的所有相对路径,包括的标签有(a、img、link、form),也就是说,浏览器解析时会在路径前加上base给的目标,而页面中的相对路径也都转换成了绝对路径。使用了base标签就应带上href属性和target属性。

说说base href属性:

比如由base制定了一个URL地址,接下来你所要调用的文件或图片等就无须再填写完整的地址,只需写上该文件名或图片名即可。通过下方一张图片来简单的认识一下base标签的用法,链接到PHP中文网的HTML视频教程,完整地址http://www.php.cn/course/list/11.html

<head>
<base href="http://www.php.cn/course/list/11.html/ target="_blank" />
</head>
<body>
<a href="html视频教程">PHP中文网</a>
</body>
登录后复制

base标签指定了PHP中文网html视频教程做为基准url,那么当前文档内的所有超链接将遵循这一规则,我们在链接中设置相对的访问目标,浏览器便会自动解析出一个完整的链接地址进行访问,倘若a链接的目标为空,浏览器也会根据base所给的url进行访问。值得注意的是,base标签需放在包含url地址的语句前面。

再来说说base target属性:

target属性是网页窗口的打开方式,在base标签中设置该属性,那么页面中所有的链接都将遵循这个方式来打开网页,分别有如下几种选择:

  • _blank:在新窗口打开链接页面。

  • _parent:在上一级窗口中打开链接。

  • _self: 在当前窗口打开链接,此为默认值,可以省略。

  • _top: 在浏览器的整个窗口打开链接,忽略任何框架。

html base标签的作用分析:

这是基本的HTML语言。用来设置这个网页所有链接的目标窗口。也就是说,网页中只要添加这句,那么所有的超链接就无须单独设置。最好将这句写在和之间。例如表示网页中所有的超链接的目标地址都在新建窗口中打开

HTML base标签在JSP中的含义:

base标记是一个基链接标记,是一个单标记。用以改变文件中所有连结标记的参数内定值。它只能应用于标记与之间。 

你网页上的所有相对路径在链接时都将在前面加上基链接指向的地址。

jsp页面可以定义:<% String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>

在head标签后加上即可。

以上就是关于HTML base标签的作用的介绍了(想学更多HTML知识,就来PHP中文网HTML视频教程),有问题的可以在下方进行留言提问。这里还有关于html base标签的使用介绍:html base标签怎么用?html base标签的用法总结

【小编推荐】

html搜索框怎么设置?html搜索框input标签的使用方法实例

html input标签的属性有哪些?input标签的用法总结(附实例)

以上是html base标签有什么作用?base标签的作用分析(附实例)的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

HTML 中的表格边框 HTML 中的表格边框 Sep 04, 2024 pm 04:49 PM

HTML 表格边框指南。在这里,我们以 HTML 中的表格边框为例,讨论定义表格边框的多种方法。

HTML 中的嵌套表 HTML 中的嵌套表 Sep 04, 2024 pm 04:49 PM

这是 HTML 中嵌套表的指南。这里我们讨论如何在表中创建表以及相应的示例。

HTML 左边距 HTML 左边距 Sep 04, 2024 pm 04:48 PM

HTML 左边距指南。在这里,我们讨论 HTML margin-left 的简要概述及其示例及其代码实现。

HTML 表格布局 HTML 表格布局 Sep 04, 2024 pm 04:54 PM

HTML 表格布局指南。在这里,我们详细讨论 HTML 表格布局的值以及示例和输出。

HTML 输入占位符 HTML 输入占位符 Sep 04, 2024 pm 04:54 PM

HTML 输入占位符指南。在这里,我们讨论 HTML 输入占位符的示例以及代码和输出。

在 HTML 中移动文本 在 HTML 中移动文本 Sep 04, 2024 pm 04:45 PM

HTML 中的文本移动指南。在这里我们讨论一下marquee标签如何使用语法和实现示例。

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在这里我们还分别讨论了 HTML 有序列表和类型的介绍以及它们的示例

HTML onclick 按钮 HTML onclick 按钮 Sep 04, 2024 pm 04:49 PM

HTML onclick 按钮指南。这里我们分别讨论它们的介绍、工作原理、示例以及各个事件中的onclick事件。

See all articles