＜head＞标签：定义关于文档的信息_<head>用于定义文档的头部信息-优快云博客

本文链接：https://blog.youkuaiyun.com/deadray/article/details/117403027

本文详细介绍了HTML的<head>标签，它作为文档头部的容器，包含如文档标题、样式表引用、元信息等。关键元素包括<title>、<base>、<link>、<style>、<meta>和<script>。了解这些元素的用法对于创建有效的HTML文档至关重要。

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

定义和用法：

<head> 标签用于定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

下面这些标签可用在 head 部分：<base>, <link>, <meta>, <script>，<noscript>, <style>以及 <title>（在头部中，这个元素是必需的）。

<title> 定义文档的标题，它是 head 部分中唯一必需的元素。

提示：

①应该把 <head> 标签放在文档的开始处，紧跟在 <html> 后面，并处于 <body> 标签或 <frameset> 标签之前。

②请记住始终为文档规定标题！

HTML 与 XHTML 之间的差异：

HTML5 不再支持 profile 属性。

可选的属性：

属性	值	描述
profile	URL	HTML5 不支持。规定文档 URL 的一系列规则。这些规则能被浏览器识别并且准确读取 <meta> 标签的内容属性中的信息。

属性

值

描述

profile

URL

HTML5 不支持。

规定文档 URL 的一系列规则。这些规则能被浏览器识别并且准确读取 <meta> 标签的内容属性中的信息。

HTML head 元素：

标签	描述
<head>	定义了文档的信息
<title>	定义了文档的标题
<base>	定义了页面链接标签的默认链接地址
<link>	定义了一个文档和外部资源之间的关系
<meta>	定义了HTML文档中的元数据
<script>	定义了客户端的脚本文件
<style>	定义了HTML文档的样式文件

HTML <base> 元素：

<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接。

<head>
<base href="http://www.youkuaiyun.com/" target="_blank">
</head>

HTML <link> 元素：

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

HTML <style> 元素：

在<style> 元素中你也可以直接添加样式来渲染 HTML 文档。

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

HTML <meta> 元素：

meta标签描述了一些基本的元数据。

META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。

元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。

为搜索引擎定义关键词：

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

为网页定义描述内容：

<meta name="description" content="自学,编程,JAVA,HTML">

定义网页作者：

<meta name="author" content="优快云">

每30秒钟刷新当前页面：

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

HTML <script> 元素：

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
document.write("Hello World!")
</script>