HTML中使用base标签设置URL访问基准

简介: 本文目录1. 背景2. base标签的作用3. 示例4. 意义

1. 背景

一般我写网页是不使用base标签的,但是经常会在看别人的网页时使用base标签,对其含义也一直不甚清楚。


其实base标签还是很常见的,如果使用得当也能让我们的HTML代码更加清晰规范。


2. base标签的作用

base标签用于设置当前HTML页面的访问基准,也就是说使用了base标签后,其他标签的URL在解析时会加上base标签设置的基准。


3. 示例

有两个网页处于同一文件夹下,分别为main.html和test.html。main.html代码如下:

<html>
  <head>
    <title>base tag demo</title>
  </head>
  <body>
      <a href="test.html">正常访问</a>
  </body>
</html>

此时点击链接,就会跳到test.html页,非常好理解。


当将代码修改如下:


<html>

 <head>

   <title>base tag demo</title>

   <base href="http://www.baidu.com/"/>

 </head>

 <body>

     <a href="test.html">基于基准访问</a>

 </body>

</html>


此时点击链接,则会跳转到http://www.baidu.com/test.html,也就是说a指向的URL在解析是会加上base标签设置的基准URL。


4. 意义

base标签的意义比较好理解,如果网页中有很多个URL,其基准URL都是一样的,那不如直接设置一个base标签,这样多个URL都可以省略基准URL部分了。


代码更加干净清晰。

相关文章
|
移动开发 HTML5
HTML5标签的类型
HTML5标签的类型。
340 5
|
8月前
|
机器学习/深度学习 存储 算法
基于 C++ 布隆过滤器算法的局域网上网行为控制:URL 访问过滤的高效实现研究
本文探讨了一种基于布隆过滤器的局域网上网行为控制方法,旨在解决传统黑白名单机制在处理海量URL数据时存储与查询效率低的问题。通过C++实现URL访问过滤功能,实验表明该方法可将内存占用降至传统方案的八分之一,查询速度提升约40%,假阳性率可控。研究为优化企业网络管理提供了新思路,并提出结合机器学习、改进哈希函数及分布式协同等未来优化方向。
258 0
|
前端开发
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
|
移动开发 搜索推荐 UED
HTML5的新语义化标签
HTML5引入的这些新语义化标签,通过明确标识内容的结构和意义,使得网页结构更加清晰,易于理解和维护。使用这些标签不仅提升了网页的可读性和可访问性,还增强了搜索引擎和辅助技术对网页内容的解析能力。在实际开发中,合理使用这些语义化标签,能够显著提升网页的质量和用户体验。
566 49
|
PHP Apache
【ThinkPHP框架教程·Part-04】URL访问模式
本章节介绍 ThinkPHP6.0 的 URL 访问模式,解析其访问方法。ThinkPHP 框架通过 URL 实现多种操作,默认为单应用模式。
【ThinkPHP框架教程·Part-04】URL访问模式
|
存储 移动开发 前端开发
高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容
本文深入探讨了高效的 HTML 与 CSS 编写技巧,涵盖语义化标签、文档结构优化、CSS 预处理、模块化设计、选择器优化、CSS 变量、媒体查询等内容,旨在提升开发效率、网站性能和用户体验。
396 5
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
302 2
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
188 1
|
搜索推荐 SEO
HTML中各种标题标签的正确使用方法及其特点
在HTML中,标题标签(`&lt;h1&gt;`至`&lt;h6&gt;`)用于定义文档的标题结构。`&lt;h1&gt;`表示主标题,每个页面应只有一个;`&lt;h2&gt;`至`&lt;h6&gt;`分别表示不同层级的子标题,可用于细分内容。正确使用这些标签不仅有助于文档的层次分明和可读性提升,还能优化SEO。使用时需注意保持层级结构连续、内容描述清晰。