head(HTML头部)（2）

最新推荐文章于 2024-02-08 06:00:00 发布

NoCarrots

最新推荐文章于 2024-02-08 06:00:00 发布

阅读量316

点赞数

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/c17854254215/article/details/81238952

版权

HTML 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了HTML文档中<head>标签的使用方法及其包含的<title>、<meta>、<link>、<style>和<script>等子标签的作用。通过本文，读者可以了解如何设置网页标题、定义元信息、链接样式表及引入脚本文件。

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

<head></head>

头部标签，其作用为描述文档的各种属性和信息，包括文档的标题等。通常不可见。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!--元标签-->
<title>网页标题</title> 
<link>
<style></style>
<script></script>
</head> 
</html>

<head>标签包含<title></title>，<meta>,<link>,<style></style>,<script></script>等标签。

(1)<meta>

元标签。其作用是提供有关页面的元信息。通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

当服务器向浏览器发送文档时，会先发送许多名称/值对，上面这句话的就是向服务器发送了名称/值对：content-type: text/html，这将告诉浏览器准备接受一个HTML文档。

charset = utf-8 指的是编码方式为utf-8编码（中文编码）。

为搜索引擎定义关键词:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

为网页定义描述内容:

<meta name="description" content="免费 Web & 编程教程">

定义网页作者:

<meta name="author" content="Runoob">

每30秒钟刷新当前页面:

<meta http-equiv="refresh" content="30">

(2)<title></title>

定义了浏览器工具栏的标题。

(3)<link>

(4)<style></style>

例如：

<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>

(5)<script></script>