HTML4.01超文本标记语言-HTML头部标签

来聊前端

已于 2023-07-13 12:39:12 修改

阅读量230

点赞数

分类专栏： HTML 文章标签： html 前端

于 2023-07-13 12:38:42 首次发布

本文链接：https://blog.youkuaiyun.com/qq_36893834/article/details/131699811

版权

HTML 专栏收录该内容

12 篇文章

订阅专栏

HTML头部标签包括<title>、<meta>、<link>和<script>等，用于设置页面标题、字符集、描述、关键字和样式引用。<meta>标签常用于设定文档元数据，如字符集、关键字和描述，对SEO有重要影响。关键字和描述信息应精炼且相关，以提升搜索引擎排名。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML头部标签

学习目标

在这里插入图片描述

HTML头部标签介绍

HTML头部标签head中可以包裹很多的标签，它更像是一个容器，可包含脚本，指示浏览器在何处可以找到样式表，提供元信息等。

美团网站头部标签实例：

在这里插入图片描述

HTML头部标签包含的内容

标签	描述
`<title>...</title>`	标题定义文档的标题
`<meta>`	元数据标签
`<link>`	CSS样式引入标签
`<script>`	JS引入标签

HTML常用的头部标签和作用

<!DOCTYPE html>
<html>
	<head>
		<title>页面标题</title>
		<meta charset='UTF-8'> <!-- 声明文档使用的字符编码 -->
		<meta name="descirption" content="不超过150个字符"> <!-- 页面描述 -->
		<meta name="keywords" content="VPN"> <!-- 页面关键词 -->
		<meta name="author" content="name,email@gmail.com"> <!-- 网页作者 -->
        <link rel="icon" href="favicon.ico" type="image/x-icon" /> <!--自定义图标-->
	</head>
	<body>
        
	</body>
</html>

1.<meta>定义文档元数据

<meta>标签位于文档的头部，不包含任何文字内容。<meta>用来定义文档的元数据，使用“名称=值”的形式来表示。一般使用它来描述当前页面的特性，比如：文档字符集、关键字、网页描述信息、作者等内容。<meta>是一个辅助性标签，对HTML页面可以进行很多方面的特性的设置。下面，主要介绍如何使用<meta>来设置页面字符集、关键字和描述信息。

2.使用<meta>设置关键字

关键字是为了便于搜索引擎搜索而设置的，用户在网页中是看不到关键字的。它的作用主要体现在搜索引擎优化。对于SEO优化而言，关键字起到画龙点睛的作用。为提高网页在搜索引擎中被搜索到的概率，可以设定多个与网页主题相关的关键字。需注意的是，虽然设定多个关键字可提高被搜索到的几率，但目前大多数的搜索引擎在检索时都会限制关键字的数量，一般10个以内关键字比较合理，关键字多了会分散关键字优化，反倒影响排名。

3.使用<meta>设置网页描述信息

网页的描述信息主要用于概述性地描述页面的主要内容，是对关键词的补充性描述，当描述信息包含部分关键字时，会作为搜索结果返回给用户。像关键字一样，搜索引擎对描述信息的字数也有限制，一般允许70~100字，所以描述信息的内容应尽量简明扼要。

在这里插入图片描述