HTML5文档标签
2016-07-16 00:00
411 查看
<!--...--> 标签
注释标签用于在源文档中插入注释。注释会被浏览器忽略。您可使用注释对您的代码进行解释,您也可以在注释内容存储针对程序所定制的信息。除了在源文档中有非常明显的作用
外,许多 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 属性。 |
<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> 元素中的信息了。
属性 | 值 | 描述 |
---|---|---|
href | url | 规定作为基准 URL 在页面中使用的 URL |
target | _blank _parent _self _top | 在何处打开页面上的链接。该属性会被每个链接中的 target 属性覆盖。 |
<link> 标签
<link> 标签定义文档与外部资源之间的关系。<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 | 规定当前文档与被链接文档之间的关系。 |
<meta> 标签
<meta> 标签提供了 HTML 文档的元数据。元数据(Metadata)是数据的数据信息。元数据不会显示在客户端,但是会被浏览器解析。
meta元素通常用于指定网页的描述,关键词,文件的最后修改,作者,和其他元数据。
<meta> 标签通常位于 <head> 区域内,不包含任何内容。<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 属性关联到一个名称。 |
<script> 标签
<script> 标签用于定义客户端脚本,比如 JavaScript。 JavaScript 通常用于图像操作、表单验证以及动态内容更改。
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。 |
<style> 标签
<style> 标签定义 HTML 文档的样式信息。在 <style> 元素中,您可以规定在浏览器中如何呈现 HTML 文档。 每个 HTML 文档能包含多个 <style> 标签。
scoped 属性是 HTML 5 中的新属性,它允许我们为文档的指定部分定义样式,而不是整个
文档。如果使用 "scoped" 属性,那么所规定的样式只能应用到 style 元素的父元素及其子元
素。如果未定义 scoped 属性,那么 <style> 元素必须位于 <head> 部分中。
属性 | 值 | 描述 |
---|---|---|
type | text/css | 定义内容类型。 |
scoped | scoped | 如果使用该属性,则样式仅仅应用到 style 元素的父元素及其子元素。 |
media | screen tty tv projection handheld braille aural all | 样式信息的目标媒介。 |
<title> 标签
<title> 标签定义文档的标题,在所有 HTML 文档中是必需的。一个文档中有且仅有一个<title> 元素。如果您遗漏了 <title> 标签,文档作为 HTML 是无效的。
<title>元素定义浏览器工具栏中的标题,提供页面被添加到收藏夹时的标题,显示在搜索引
擎结果中的页面标题。
所有主流浏览器都支持 <title> 标签。
<body> 标签
<body> 标签定义文档的主体。<body> 元素包含文档的所有内容。所有主流浏览器都支持 <body> 标签。
<noscript> 标签
noscript 元素用来定义在脚本未被执行时的替代内容(文本)。此标签可被用于可识别 <noscript> 标签但无法支持其中的脚本的浏览器。如果浏览器支持脚
本,那么它不会显示出 noscript 元素中的文本。
无法识别 <script> 标签的浏览器会把标签的内容显示到页面上。为了避免浏览器这样做,您
应当在注释标签中隐藏脚本。无法识别 <script> 标签的浏览器会忽略注释,这样就不会把标签
的内容写到页面上,而新式的浏览器则懂得执行这些脚本,即使它们被包围在注释
标签中!
在 HTML5 中,<noscript> 标签可以插入到 <head> 和 <body> 区域中。
相关文章推荐
- HTML5面向对象的游戏开发简单实例总结
- html5 大文件断点上传
- H5内容安全尺寸
- 如何让ie6-8识别HTML5新标签
- swipe的基础使用(二十四)
- html5 教程
- hadoop-2.5.0-cdh5.3.0 HA在线升级
- HTML5基础学习笔记(九)
- 体验html5新添加的一些表单元素
- HTML5面试题及答案
- HTML5拖拽移动列表
- HTML5拖拽上传图片预览
- HTML5游戏的迷思
- 利用html5、websocket和opencv实现人脸检测 (二)
- 基于HTML5+WebSocket+JAVA的棋牌游戏开发,从入门到放弃(一)
- Html5画布绘制七巧板
- HTML5 video 和 audio
- HTML5 本地存储
- HTML5设计原理
- HTML5简介