【HTML教程】HTML的head标签|html入门知识
时间: 2025-02-05 11:11:11 浏览次数：17
常用的html标签汇总、以及操作过程中的一些bug问题解决方法，以下龙腾飞网络科技-小吴在建站实操中笔记记录，一路走来，一步步学习、总结、整理的一些资料，不用死记硬背，保存使用非常方便，实操过程中遇到了就查询搜索一下，实践出真章，做多了自然就熟悉了：【定义和用法】head 元素是元数据(关于数据的数据)的容器
常用的html标签汇总、以及操作过程中的一些bug问题解决方法，以下龙腾飞网络科技-小吴在建站实操中笔记记录，一路走来，一步步学习、总结、整理的一些资料，不用死记硬背，保存使用非常方便，实操过程中遇到了就查询搜索一下，实践出真章，做多了自然就熟悉了：
【定义和用法】
head 元素是元数据(关于数据的数据)的容器，位于 html 标签 和 body 标签 之间。
元数据是有关 HTML 文档的数据。元数据不会被显示。
元数据通常定义文档标题、字符集、样式、脚本和其他元信息。
以下元素可以放置在 head 元素内：
title(必需)、style、base、link、meta、script、noscript
[详细说明]
head 标签用于定义文档的头部，它是所有头部元素的容器。head 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
每个 HTML 文档都应该包含一个 head 元素，head 元素中必须包含一个 title 元素。
title 标签 定义文档的标题，它是 head 部分中唯一必需的元素。
【实例】
例子 1
一个简单却完整的 HTML 文档，在 head 部分内有一个 title 标签：
<!DOCTYPE html><html lang="zh"> <head> <title>文档的标题</title> </head> <body> <h1>这是标题</h1> <p>这是一个段落。</p> </body></html>
例子 2
base 标签(规定页面上所有链接的默认 URL 和目标)，位于 head 内：
<html> <head> <base href="http://www.gzlongtengfei.com/" target="_blank"> </head><body> <img src="pic/tree.png" width="150" height="161" alt="Tree"> <a href="tags/tag_base.asp">HTML base 标签</a></body></html>
例子 3
style 标签(向页面添加样式信息)，位于 head 内：
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>一个标题</h1>
<p>一个段落。</p>
</body></html>例子 4
link 标签(链接到外部样式表)，位于 head 内：
<html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>我使用了链接样式表进行格式化。</h1> <p>我也是！</p> </body></html>
【默认的 CSS 设置】
大多数浏览器将使用以下默认值显示 head 元素：
head {
display: none;}