<base> | HTML基准网址标签的定义与用法

由 hcduguo

定义与用法

  • <base>标签是HTML语言中的基准网址标记，它是一个单标签，位于网页头部文件的head标签内；
  • 一个页面最多只能使用一个base元素，用来提供一个指定的默认目标，也算是一种表达路径和连接网址的标记；
  • <base> 标签为页面上的所有链接规定默认地址或默认目标；
  • 使用 <base> 标签后，浏览器将不再使用当前文档的 URL，而使用指定的基本url来解析所有的相对url；
  • <base> 标签必须位于 head 元素内部。

语法格式

<base href=”” />

示例代码

<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="utf-8">
        <title>奔月教程(Runoon.com)</title>
        <style>
            a{text-decoration: none; color:black;} 
            a:hover{color: green; font-size: 18px;}
        </style>
        <base href="https://www.runoon.com/">
    </head>
    
    <body>
        <h2 style="color: red;">Web开发教程列表</h2>
        <a href="/html/tutorial">HTML 基础教程</a><br>
        <a href="/javascript/js-tutorial">JavaScript 基础教程</a><br>
        <a href="/css/css-tutorial">CSS 基础教程</a><br>
        <a href="/java/java-tutorial">Java 基础教程</a><br>
        <a href="/python/py-tutorial">Python 基础教程</a>
    </body>
</html>

效果展示：

Web开发教程列表

HTML 基础教程
JavaScript 基础教程
CSS 基础教程
Java 基础教程
Python 基础教程

亲自试试

浏览器支持

所有浏览器都支持 <base> 标签。

标签属性

属性值描述
hrefURL规定页面中所有相对链接的基准 URL。
target_blank
_parent
_self
_top
framename		规定页面中所有的超链接和表单在何处打开。该属性会被每个链接中的 target 属性覆盖。

全局属性

<base> 标签支持 HTML 的全局属性。

事件属性

<base> 标签不支持任何的事件属性。

相关