HTML title 标签

🌙
手机阅读
本文目录结构

HTML <title> 标签功能

<title> 标签定义文档的标题,在所有 HTML 文档中是必需的。

它只可以包含文本,若是包含有标签,则包含的任何标签都不会被解释。

<title>元素:

  • 定义浏览器工具栏中的标题
  • 提供页面被添加到收藏夹时的标题
  • 显示在搜索引擎结果中的页面标题

本页介绍的内容,源码托管在 Github 上:https://github.com/axihe/api-html/blob/master/basic/tag-title.html

示例

HTML <title> 标签用法

为您的 HTML 文档定义标题:

<html>
    <head>
        <meta charset="utf-8">
        <title>HTML title 标签 | 阿西河前端教程</title>
    </head>

    <body>
        文档内容......
    </body>

</html>

title 作用

定义浏览器工具栏中的标题

https://a.axihe.com/api/html/chrome_uJX37MEZDq.png

提供页面被添加到收藏夹时的标题

https://a.axihe.com/api/html/chrome_XZwsNLRQcB.png

显示在搜索引擎结果中的页面标题

https://a.axihe.com/api/html/chrome_TJQ1RXIJx8.png

使用环境

项目 说明
内容分类 元数据内容。
允许内容 非空字符或特殊字符(inter-element whitespace)的文本
标签遗漏 同时需要开标签和闭标签。注意:遗漏 </title> 标签会导致浏览器忽略掉页面的剩余部分。
允许的父标签 一个 <head> 元素只能包含一个 <title> 元素
DOM 接口 HTMLTitleElement

浏览器支持

所有主流浏览器都支持 <title> 标签。

提示和注释

注释:一个 HTML 文档中不能有一个以上的 <title> 元素。

提示:如果您遗漏了 <title> 标签,文档作为 HTML 是无效的。

HTML4 与 HTML5 之间的差异

无。

全局属性

<title> 标签支持 HTML 全局属性

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了