head 元素是所有头部元素的容器。位于 <head> 内部的元素可以包含脚本、指引浏览器找到样式表、提供元信息,等等。
下面是可用在 head 部分的标签:
- <base>
- <meta>
- <link>
- <title >
- <script>
- <style>
1.<base> 标签
<base> 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
<base> 标签必须位于 head 元素内部。
属性
属性 | 值 | 描述 |
---|---|---|
href | URL | 规定作为基准 URL 在页面中使用的 URL。 |
target |
| 在何处打开页面上的链接。该属性会被每个链接中的 target 属性覆盖。 |
2.<mate> 标签
<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
属性
属性 | 值 | 描述 | 4 | 5 |
---|---|---|---|---|
charset | character encoding | 定义文档的字符编码。 | | 5 |
content | some_text | 定义与 http-equiv 或 name 属性相关的元信息。 | 4 | 5 |
http-equiv |
| 把 content 属性关联到 HTTP 头部。 | 4 | 5 |
name |
| 把 content 属性关联到一个名称。 | 4 | 5 |
scheme | some_text | 定义用于翻译 content 属性值的格式。不支持。 | 4 | |
例子
定义针对搜索引擎的关键词:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript" />
定义对页面的描述:
<meta name="description" content="w3c html web 技术标准教程。" />
定义页面的最新版本:
<meta name="revised" content="w3chtml, 2008/8/8/" />
每 5 秒刷新一次页面:
<meta http-equiv="refresh" content="5" />
3.<link> 标签
<link> 标签定义文档与外部资源之间的关系。
<link> 标签大多数时候都用来连接样式表。
属性
new : HTML5 中的新属性。
属性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 中不支持。 |
href | URL | 规定被链接文档的位置。 |
hreflang | language_code | 规定被链接文档中文本的语言。 |
media | media_query | 规定被链接文档将被显示在什么设备上。 |
rel |
| 规定当前文档与被链接文档之间的关系。 |
rev | reversed relationship | HTML5 中不支持。 |
sizes |
| 规定被链接资源的尺寸。仅适用于 rel="icon"。 |
target |
| HTML5 中不支持。 |
type | MIME_type | 规定被链接文档的 MIME 类型。 |
实例
链接到一个外部样式表:
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
4.<title> 标签
5.<script> 标签
6.<style> 标签