HTML <head> 元素

时间:2021-09-14
本文章向大家介绍HTML <head> 元素,主要包括HTML <head> 元素使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本,指示浏览器在何处可以找到样式表,提供元信息,等等。

HTML 头部元素包括
标签 描述
<head> 定义关于文档的信息。
<title> 定义文档标题。
<base> 定义页面上所有链接的默认地址或默认目标。
<link> 定义文档与外部资源之间的关系。
<meta> 定义关于 HTML 文档的元数据。
<script> 定义客户端脚本。
<style> 定义文档的样式信息。

以下标签都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>。

<title> 标签定义文档的标题。
<head>
<title>Title of the document</title>
</head>

<base> 标签为页面上的所有链接规定默认地址或默认目标(target):
使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
<head>
<base href="http://www.w3school.com.cn/i/" />
<base target="_blank" />
</head>

<body>
<img src="eg_smile.gif" />
<a href="http://www.w3school.com.cn">W3School</a>
</body>

属性 值 描述
href URL 规定页面中所有相对链接的基准 URL。
target 在何处打开页面中所有的链接。
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。

<link> 标签定义文档与外部资源之间的关系。
<link> 标签最常用于连接样式表:
在下面的例子中,rel 属性指示被链接的文档是一个样式表:
<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
</head>
属性 值 描述
href URL 规定被链接文档的位置。
rel stylesheet 规定当前文档与被链接文档之间的关系。
type MIME_type 规定被链接文档的 MIME 类型。该属性最常见的 MIME 类型是 "text/css",该类型描述样式表。

<style> 标签用于为 HTML 文档定义样式信息。
您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式:
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。

<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。
典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
<meta> 标签始终位于 head 元素中。
<meta name="keywords" content="HTML,ASP,PHP,SQL">
<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />

原文地址:https://www.cnblogs.com/perfectdata/p/15267949.html