HTML头部
HTML <head> 元素
<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。
以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。
html头部元素
| 标签 | 描述 |
|---|---|
<head> |
定义关于文档的信息。 |
<title> |
定义文档标题。 |
<base> |
定义页面上所有链接的默认地址或默认目标。 |
<link> |
定义文档与外部资源之间的关系。 |
<meta> |
定义关于 HTML 文档的元数据。 |
<script> |
定义客户端脚本。 |
<style> |
定义文档的样式信息。 |
所有浏览器都支持 <head> 标签。
提示和注释
提示：应该把 <head> 标签放在文档的开始处，紧跟在 <html> 后面，并处于 标签或 <frameset> 标签之前。
提示：请记住始终为文档规定标题！
HTML<title>元素
<title> 标签定义文档的标题。
title 元素在所有 HTML/XHTML 文档中都是必需的。
title 元素能够：
- 定义浏览器工具栏中的标题
- 提供页面被添加到收藏夹时显示的标题
- 显示在搜索引擎结果中的页面标题
一个简化的 HTML 文档：
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
浏览器支持
所有浏览器都支持<title>标签。
提示和注释
提示：<title> 标签是 <head> 标签中唯一要求包含的东西。
标准属性
<title> 标签支持以下标准属性：
| 属性 | 值 | 描述 |
|---|---|---|
| dir | rtlltr | 规定元素中内容的文本方向。 |
| lang | language_code | 规定元素中内容的语言代码。 |
| xml:lang | language_code | 规定 XHTML 文档中元素内容的语言代码。 |
HTML <base> 元素
<base>标签为页面上的所有链接规定默认地址或默认目标<target>
<head>
<base href="http://www.baidu.com/images/" />
<base target="_blank" />
</head>
浏览器支持
所有浏览器都支持 <base> 标签。
定义和用法
<base> 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL
必需的属性
| 属性 | 值 | 描述 |
|---|---|---|
| [href] | URL | 规定页面中所有相对链接的基准 URL。 |
可选的属性
| 属性 | 值 | 描述 |
|---|---|---|
| [target] | _blank_parent_self_topframename | 在何处打开页面中所有的链接。 |
<link>标签
链接一个外部样式表：
<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
</head>
定义和用法
<link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表
<meta>标签
定义和用法
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta>标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对.
必需的属性
| 属性 | 值 | 描述 |
|---|---|---|
| [content] | some_text | 定义与 http-equiv 或 name 属性相关的元信息 |
可选的属性
| 属性 | 值 | 描述 |
|---|---|---|
| [http-equiv] | content-typeexpiresrefreshset-cookie | 把 content 属性关联到 HTTP 头部。 |
| [name] | authordescriptionkeywordsgeneratorrevisedothers | 把 content 属性关联到一个名称。 |
| [scheme] | some_text | 定义用于翻译 content 属性值的格式。 |
name属性
name 属性提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。通常情况下，您可以自由使用对自己和源文档的读者来说富有意义的名称。
"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类。
类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助：
<meta name="keywords" content="HTML,ASP,PHP,SQL">
如果没有提供 name 属性，那么名称/值对中的名称会采用 http-equiv 属性的值。
http-equiv 属性
http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。
当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。
使用带有 http-equiv 属性的 <meta> 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。例如，添加：
<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">
这样发送到浏览器的头部就应该包含：
content-type: text/html
charset:iso-8859-1
expires:31 Dec 2008
当然，只有浏览器可以接受这些附加的头部字段，并能以适当的方式使用它们时，这些字段才有意义。
content 属性
content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content 属性始终要和 name 属性或 http-equiv 属性一起使用。
scheme 属性
scheme 属性用于指定要用来翻译属性值的方案。此方案应该在由 <head> 标签的 profile 属性指定的概况文件中进行了定义。
HTML <style> 元素
您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式：
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
必需的属性
| 属性 | 值 | 描述 |
|---|---|---|
| [type] | text/css | 规定样式表的 MIME 类型。 |
可选的属性
| 属性 | 值 | 描述 |
|---|---|---|
| [media] | screenttytvprojectionhandheldprintbrailleauralall | 为样式表规定不同的媒介类型 |
HTML <script>标签
必选的属性
| 属性 | 值 | 描述 |
|---|---|---|
| [type] | MIME-type | 指示脚本的 MIME 类型。 |
可选的属性
| 属性 | 值 | 描述 |
|---|---|---|
| [async] | async | 规定异步执行脚本（仅适用于外部脚本）。 |
| [charset] | charset | 规定在外部脚本文件中使用的字符编码。 |
| [defer] | defer | 规定是否对脚本执行进行延迟，直到页面加载为止。 |
| [language] | script | 不赞成使用。规定脚本语言。请使用 type 属性代替它。 |
| [src] | URL | 规定外部脚本文件的 URL。 |
| xml:space | preserve | 规定是否保留代码中的空白。 |
浙公网安备 33010602011771号