当前位置:首页>HTML>HTML标签>HTML <head> 标签

HTML <head> 标签

作者:微学网发布时间:2019-08-30 17:32:16

示例

一个HTML文档,在head部分中有一个<title>标记:

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

定义和用法

<head>元素是所有头元素的容器。

<head>元素必须包含文档的标题(title),可以包含脚本、样式、meta 信息 以及其他更多的信息。

以下元素可以放在<head>元素中:

<title> (在头部中,这个元素是必需的)
<style>
<base>
<link>
<meta>
<script>
<noscript>

浏览器支持

Chrome Firefox IE Safari Opera
Google Chrome Firefox Internet Explorer Safari Opera

HTML 4.01和HTML5之间的差异

在HTML 4.01中,<head>标签是必需的。

在HTML5中,可以省略<head>标签。以下代码将验证为HTML5:

<!DOCTYPE html>
<html>
<title>Title of the document</title>

<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>

</html>

属性

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

全局属性

<head>标签还支持HTML中的全局属性。

亲自尝试 - 例子

<head>标签中使用<base>标签
如何使用<base>标签为页面上的所有链接指定默认URL和默认目标。

<head>标签中使用<style>标签
如何将样式信息添加到<head>标签部分。

使用<head>标签中的<link>标签
如何使用<link>标签链接到外部样式表。

相关页面

HTML教程:HTML头

HTML DOM参考:头对象

默认CSS设置

大多数浏览器将使用以下默认值显示<head>标签:

head { 
    display: none;
}