您的位置:首页 > Web前端 > HTML5

HTML5文档标签

2016-07-16 00:00 411 查看

<!--...--> 标签

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

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

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

所有主流浏览器都支持 <!--...--> 注释标签。

<!DOCTYPE> 标签

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

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

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

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

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

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

<html> 标签

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

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

html 元素也可称为根元素。

属性描述
manifesturl定义一个 URL,在这个 URL 上描述了文档的缓存信息。
xmlnshttp://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>
3ff0
元素,如果使用了 <base> 标签,则必须具备 href

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

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

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

属性描述
hrefurl规定作为基准 URL 在页面中使用的 URL
target_blank

_parent

_self

_top

在何处打开页面上的链接。该属性会被每个链接中的 target 属性覆盖。
所有主流浏览器都支持 <base> 标签。

<link> 标签

<link> 标签定义文档与外部资源之间的关系。

<link> 标签大多数时候都用来链接样式表。

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

属性描述
hrefurl规定被链接文档的位置。
hreflanglanguage_code规定被链接文档中文本的语言。
mediamedia_query规定被链接文档将被显示在什么设备上。
typeMIME_type规定被链接文档的 MIME 类型。
sizeHeightxWidth
any
规定被链接资源的尺寸。仅适用于 rel="icon"。
relalternate

author

help

icon

licence

next

pingback

prefetch

prev

search

sidebar

stylesheet

tag

规定当前文档与被链接文档之间的关系。
所有主流浏览器都支持 <link> 标签。

<meta> 标签

<meta> 标签提供了 HTML 文档的元数据。元数据(Metadata)是数据的数据信息。元数据

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

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

<meta> 标签通常位于 <head> 区域内,不包含任何内容。<meta> 标签的属性定义了与文

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

属性的值。

属性描述
charsetcharacter encoding定义文档的字符编码。
contentsome_text定义与 http-equiv 或 name 属性相关的元信息。
http-equivcontent-type

expires

refresh

set-cookie

把 content 属性关联到 HTTP 头部。
nameauthor

description

keywords

generator

revised

others

把 content 属性关联到一个名称。
所有主流浏览器都支持 <meta> 标签。

<script> 标签

<script> 标签用于定义客户端脚本,比如 JavaScript。 JavaScript 通常用于图像操作、表单

验证以及动态内容更改。

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

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

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

如果 async="async":脚本相对于页面的其余部分异步地执行(当页面继续进行解析时,脚本将被执行)

如果不使用 async 且 defer="defer":脚本将在页面完成解析时执行

如果既不使用 async 也不使用 defer:在浏览器继续解析页面之前,立即读取并执行脚本

属性描述
asyncasync规定异步执行脚本(仅适用于外部脚本)
deferdefer规定当页面已完成解析后,执行脚本(仅适用于外部脚本)。
typeMIME_type规定脚本的 MIME 类型。
charsetcharacter_set规定在脚本中使用的字符编码(仅适用于外部脚本)。
srcURL规定外部脚本的 URL。
所有主流浏览器都支持 <script> 标签。

<style> 标签

<style> 标签定义 HTML 文档的样式信息。在 <style> 元素中,您可以规定在浏览器中如何

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

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

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

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

属性描述
typetext/css定义内容类型。
scopedscoped如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。
mediascreen

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> 区域中。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: