HTML5文档标签-秋月博客

标签注释标签用于在源文档中插入注释。注释会被浏览器忽略。您可使用注释对您的代码进行解释，您也可以在注释内容存储针对程序所定制的信息。除了在源文档中有非常明显的作用外，许多

标签

注释标签用于在源文档中插入注释。注释会被浏览器忽略。您可使用注释对您的代码进行

解释，您也可以在注释内容存储针对程序所定制的信息。除了在源文档中有非常明显的作用

外，许多 Web 服务器也利用注释来实现文档服务端软件特有的特性。

所有主流浏览器都支持  注释标签。

<!DOCTYPE> 标签

<!DOCTYPE> 声明必须位于 HTML5 文档中的第一行，也就是位于 <html> 标签之前。该标

签告知浏览器文档所使用的 HTML 规范。

doctype 声明不属于 HTML 标签; 它是一条指令，告诉浏览器编写页面所用的标记的版本，

这样浏览器就能了解预期的文档类型。

<!DOCTYPE> 声明没有结束标签，对大小写不敏感。

所有主流浏览器都支持 <!DOCTYPE> 声明。

<html> 标签

<html> 标签告知浏览器这是一个 HTML 文档。

html 元素是 HTML 文档中最外层的元素。

html 元素也可称为根元素。

属性	值	描述
manifest	url	定义一个 URL，在这个 URL 上描述了文档的缓存信息。
xmlns	http://www.w3.org/199/xhtml	定义 XML namespace 属性。

所有主流浏览器都支持<html>标签。

<head> 标签

head 元素是所有头部元素的容器。位于 <head> 内部的元素可以包含脚本、指引浏览器

找到样式表、提供元信息以及其他更多的信息。

下面是可用在 head 部分的标签：

<base>
<link>
<meta>
<script>
<style>
<title>
<noscript>

所有主流浏览器都支持 <head>标签。

<base> 标签

<base> 标签必须位于 head 元素内部，为页面上的所有链接规定默认地址或默认目标。

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基

本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

在一个文档中，最多能使用一个 <base> 元素，如果使用了 <base> 标签，则必须具备 href

属性或者 target 属性或者两个属性都具备。

请把 <base> 标签排在 <head> 元素中第一个元素的位置，这样 head 区域中其他元素就可

以使用 <base> 元素中的信息了。

属性	值	描述
href	url	规定作为基准 URL 在页面中使用的 URL
target	_blank _parent _self _top	在何处打开页面上的链接。该属性会被每个链接中的 target 属性覆盖。

所有主流浏览器都支持 <base> 标签。

<link> 标签

link 元素是空元素，它仅包含属性，并且只能存在于 head 部分，不过它可出现任意次数。

属性	值	描述
href	url	规定被链接文档的位置。
hreflang	language_code	规定被链接文档中文本的语言。
media	media_query	规定被链接文档将被显示在什么设备上。
type	MIME_type	规定被链接文档的 MIME 类型。
size	HeightxWidth any	规定被链接资源的尺寸。仅适用于 rel="icon"。
rel	alternate author help icon licence next pingback prefetch prev search sidebar stylesheet tag	规定当前文档与被链接文档之间的关系。

所有主流浏览器都支持 <link> 标签。

<meta> 标签

不会显示在客户端，但是会被浏览器解析。

meta元素通常用于指定网页的描述，关键词，文件的最后修改，作者，和其他元数据。

档相关联的名称/值对。如果没有提供 name 属性，那么名称/值对中的名称会采用 http-equiv

属性的值。

属性	值	描述
charset	character encoding	定义文档的字符编码。
content	some_text	定义与 http-equiv 或 name 属性相关的元信息。
http-equiv	content-type expires refresh set-cookie	把 content 属性关联到 HTTP 头部。
name	author description keywords generator revised others	把 content 属性关联到一个名称。

所有主流浏览器都支持 <meta> 标签。

<script> 标签

验证以及动态内容更改。

script 元素既可包含脚本语句，也可以通过 "src" 属性指向外部脚本文件。如果使用 "src" 属

性，则 <script> 元素内部必须是空的，元素内的内容不会被执行。

有多种执行外部脚本的方法：

如果 async="async"：脚本相对于页面的其余部分异步地执行（当页面继续进行解析时，脚本将被执行）
如果不使用 async 且 defer="defer"：脚本将在页面完成解析时执行
如果既不使用 async 也不使用 defer：在浏览器继续解析页面之前，立即读取并执行脚本

属性	值	描述
async	async	规定异步执行脚本（仅适用于外部脚本）
defer	defer	规定当页面已完成解析后，执行脚本（仅适用于外部脚本）。
type	MIME_type	规定脚本的 MIME 类型。
charset	character_set	规定在脚本中使用的字符编码（仅适用于外部脚本）。
src	URL	规定外部脚本的 URL。

所有主流浏览器都支持 <script> 标签。

<style> 标签

呈现 HTML 文档。每个 HTML 文档能包含多个 <style> 标签。

scoped 属性是 HTML 5 中的新属性，它允许我们为文档的指定部分定义样式，而不是整个

文档。如果使用 "scoped" 属性，那么所规定的样式只能应用到 style 元素的父元素及其子元

素。如果未定义 scoped 属性，那么 <style> 元素必须位于 <head> 部分中。

属性	值	描述
type	text/css	定义内容类型。
scoped	scoped	如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。
media	screen tty tv projection handheld print braille aural all	样式信息的目标媒介。

所有主流浏览器都支持 <style> 标签。

<title> 标签

<title> 标签定义文档的标题，在所有 HTML 文档中是必需的。一个文档中有且仅有一个

<title> 元素。如果您遗漏了 <title> 标签，文档作为 HTML 是无效的。

<title>元素定义浏览器工具栏中的标题，提供页面被添加到收藏夹时的标题，显示在搜索引

擎结果中的页面标题。

所有主流浏览器都支持 <title> 标签。

<body> 标签

<body> 标签定义文档的主体。<body> 元素包含文档的所有内容。

所有主流浏览器都支持 <body> 标签。

<noscript> 标签

noscript 元素用来定义在脚本未被执行时的替代内容（文本）。

此标签可被用于可识别 <noscript> 标签但无法支持其中的脚本的浏览器。如果浏览器支持脚

本，那么它不会显示出 noscript 元素中的文本。

无法识别 <script> 标签的浏览器会把标签的内容显示到页面上。为了避免浏览器这样做，您

应当在注释标签中隐藏脚本。无法识别 <script> 标签的浏览器会忽略注释，这样就不会把标签

的内容写到页面上，而新式的浏览器则懂得执行这些脚本，即使它们被包围在注释

标签中！

在 HTML5 中，<noscript> 标签可以插入到 <head> 和 <body> 区域中。

目录CONTENT

HTML5文档标签