Skip to content

Commit

Permalink
[zh-cn] update head element of html
Browse files Browse the repository at this point in the history
  • Loading branch information
jasonren0403 authored Nov 30, 2023
1 parent 38c1ebe commit 489a5a6
Showing 1 changed file with 75 additions and 18 deletions.
93 changes: 75 additions & 18 deletions files/zh-cn/web/html/element/head/index.md
Original file line number Diff line number Diff line change
@@ -1,38 +1,88 @@
---
title: <head>
title: <head>:文档元数据(头部)元素
slug: Web/HTML/Element/head
l10n:
sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
---

## 概述
{{HTMLSidebar}}

**HTML head 元素** 规定文档相关的配置信息(元数据),包括文档的标题,引用的文档样式和脚本等
[HTML](/zh-CN/docs/Web/HTML) **`<head>`** 元素包含机器可读的文档相关信息({{glossary("metadata", "元数据")}}),如文档的[标题](/zh-CN/docs/Web/HTML/Element/title)[脚本](/zh-CN/docs/Web/HTML/Element/script)[样式表](/zh-CN/docs/Web/HTML/Element/style)

- _[内容类别](/zh-CN/docs/HTML/Content_categories)_
- *允许内容*至少包含一个{{HTMLElement("title")}} 元素来指定文档的标题信息,除非标题已经从更高等级协议中指定({{HTMLElement("iframe")}} )。
- _允许父元素_{{HTMLElement("html")}} 元素
- _DOM 接口_ {{domxref("HTMLHeadElement")}}
> **备注:** `<head>` 主要保存供机器处理的信息,而非人类可读信息。对于人类可见的信息,如顶级标题和列出的作者,请参见 {{HTMLElement("header")}} 元素。
## 属性

该元素包含[全局属性](/zh-CN/docs/HTML/Global_attributes)
该元素包含[全局属性](/zh-CN/docs/Web/HTML/Global_attributes)

- `profile` {{Deprecated_Inline}}
- : 一个由空格分隔的 URL 列表,这些 URL 包含着有关页面的配置信息
- `profile` {{deprecated_inline}} {{Non-standard_Inline}}
- : 由{{Glossary("whitespace", "空白字符")}}分隔的一个或多个元数据配置文件的 {{glossary("URI")}}

## 示例

```html
<html>
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>文档标题</title>
</head>
</html>
```

## 附注

如果在文档中忽略了 `<head>` 标签,则大部分浏览器会自动创建一个 `<head>` 元素。[当然,有一些不会](http://www.stevesouders.com/blog/2010/05/12/autohead-my-first-browserscope-user-test/)
下面这些浏览器经测试不会自动创建一个 head 元素:Android <=1.6, iPhone <=3.1.3, Nokia 90, Opera <=9.27, and Safari <=3.2.1。
## 技术概要

<table class="properties">
<tbody>
<tr>
<th scope="row">
<a href="/zh-CN/docs/Web/HTML/Content_categories"
>内容分类</a
>
</th>
<td>无</td>
</tr>
<tr>
<th scope="row">允许的内容</th>
<td>
<p>
如果文档是 {{HTMLElement("iframe")}} <a href="/zh-CN/docs/Web/HTML/Element/iframe#srcdoc"><code>srcdoc</code></a> 文档,或者标题信息可从更高级别的协议(如 HTML 电子邮件中的主题行)中获得,则允许包含零个或多个元数据内容元素。
</p>
<p>
否则,可包含一个或多个元数据内容元素,其中 {{HTMLElement("title")}} 元素恰好有一个。
</p>
</td>
</tr>
<tr>
<th scope="row">标签省略</th>
<td>
如果 <code>&#x3C;head></code> 元素内的第一个内容是一个元素,则可以省略开始标记。<br />
如果 <code>&#x3C;head></code> 元素后的第一个内容不是空格符或注释,则可以省略结束标记。
</td>
</tr>
<tr>
<th scope="row">允许的父元素</th>
<td>一个 {{HTMLElement("html")}} 元素,作为它的第一个子元素。</td>
</tr>
<tr>
<th scope="row">隐式 ARIA 角色</th>
<td>
<a href="https://www.w3.org/TR/html-aria/#dfn-no-corresponding-role"
>没有相应的角色</a
>
</td>
</tr>
<tr>
<th scope="row">允许的 ARIA 角色</th>
<td>没有允许的 <code>role</code></td>
</tr>
<tr>
<th scope="row">DOM 接口</th>
<td>{{domxref("HTMLHeadElement")}}</td>
</tr>
</tbody>
</table>

## 规范

Expand All @@ -42,8 +92,15 @@ slug: Web/HTML/Element/head

{{Compat}}

## 相关链接
## 参见

- 可用于\<head>元素内的元素有:{{HTMLElement("title")}}, {{HTMLElement("base")}}, {{HTMLElement("link")}}, {{HTMLElement("style")}}, {{HTMLElement("meta")}}, {{HTMLElement("script")}}, {{HTMLElement("noscript")}}, {{HTMLElement("command")}}
- 可用于 `<head>` 内部的元素:

{{HTMLSidebar}}
- {{HTMLElement("title")}}
- {{HTMLElement("base")}}
- {{HTMLElement("link")}}
- {{HTMLElement("style")}}
- {{HTMLElement("meta")}}
- {{HTMLElement("script")}}
- {{HTMLElement("noscript")}}
- {{HTMLElement("template")}}

0 comments on commit 489a5a6

Please sign in to comment.