http://blog.youkuaiyun.com/yourtommy/article/details/7549456
http://www.w3schools.com/html/
http://www.w3school.com.cn/html/index.asp
Basic
HTML 4.01
有三种不同的规范文档：称为Document Type Definition，DTD。
>Transitional DTD：包含所有废弃的元素和属性，来保持向后兼容性。这些元素和属性是合法的但不建议使用。
>Strict DTD：排除所有废弃的元素和属性，来加强文档结构层与表示层的分离。
>Frameset DTD：包含Transitional DTD的所有元素和属性，并加上用于创建框架的元素（比如frameset、frame、和noframe）。把Frameset DTD和其它DTD分离，是因为包含框架的结构和普通的HTML文档不同，比如frameset代替body。
>DTD 指示在哪种 XHTML 1.0 DTD 中允许该标签 S=Strict, T=Transitional, F=Framese
Header
HTML文档的开头用<!DOCTYPE>来声明所使用的DTD版本，这包含两种方式：一个是公认文档标识；另一个是特定的URL，它的使用是为了防止浏览器不识别公认标识。HTML4.01的DTD的声明必须是以下三种格式的某一个：
>HTML4.01 Strict：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
>HTML4.01 Transitional：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/strict.dtd">
>HTML4.01 Strict：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/strict.dtd">
HTML5
以已有的HTML4.01为起点，使用DOM（Document Object Model）作为它的基础。HTML5可以用HTML语法写（称为HTML5的HTML序列化）；如果需要XML的解析，也可以使用XML的更严格的语法（XML序列化，或称为XHTML5）。
HTML5提供了新的特性（元素、属性、事件处理、和API）。包括了嵌入音频、视频和图形的功能，客户端数据存储，以及交互式文档等新的功能。包含了新的元素，比如：<nav>, <header>, <footer> 以及 <figure> 等等。同时废弃了HTML4.01中很少使用或支持很差的元素和属性，也重新定义或修复了一些元素和属性。
HTML5将成为 HTML、XHTML 以及 HTML DOM 的新标准。
Header
HTML5只有一个版本并不需要引用一个DTD，但HTML5文档仍需要一个简化的DOCTYPE声明：
<!DOCTYPE html>
XHTML
是HTML的XML表示形式。其中XHTML1.0对应于HTML4.01，之后的XHTML1.x和2.0是它的进化版本。XHTML5则对应于HTML5。XHTML的MIME类型应该是application/xhtml+xml，或application/xml。它和HTML的区别在于：因为它是XML语言，所以它的语法比HTML更严格，比如所有元素名和属性名都必须小写，所有标签都必须关闭，所有属性值都必须以单引号或双引号包含等等。
HTML 4.01与XHTML 1.0
>核心属性：
id：元素的标识符；
class：元素的类名；
style：元素关联的样式信息；
title：元素的标题信息。
>国际化属性：
dir：元素的方向（从左到右还是从右到左）；
lang：元素使用的语言编码；
xml:lang：XHTML Only。XHTML文档里元素所使用的语言。
>焦点属性（焦点指被高亮并准备好接受用户输入的状态）：
accesskey="character"：为链接提供快速访问键；
onblur：通过tab导航或指针设备丢失焦点；
onfocus：当元素获得焦点；
tabindex="number"：当前元素在当前文档的tab顺序，值的范围从0到32767。
>事件属性（可在这个元素上应用脚本的事件）：
onclick：单击；
ondbclick：双击；
onkeydown：键被按下；
onkeypress：键被按下并释放；
onkeyup：键被释放；
onmousedown：鼠标被按下；
onmousemove：鼠标在元素上移动；
onmouseout：鼠标移出；
onmouseover：鼠标移入；
onmouseup：鼠标释放。
--Basic End---
HTML5 全局属性
除了HTML 4.01的id、class、style、title、dir、lang、accesskey、和tabindex，HTML5还加入了其它全局属性。
contenteditable="true|false"：用户是否可以编辑这个元素；
contextmenu="id of menu element"：元素使用的上下文菜单；
draggable="true|false"：元素是否可拖拽；
hidden（XHTML里hidden="hidden"）：阻止元素及其后代被浏览器渲染。它的脚本仍被运行，但不会呈现给用户；
itemid="text"：微数据（microdata）系统的一部分，用于嵌入机器可读的数据。itemid属性指明一个全局可识别的标识符，它在包含itemscope的元素里和itemtype一起使用；
itemprop="text"：微数据系统的一部分，提供属性的名字，属性的内容提供它的值，这个值可能是a元素的href属性或img元素的src属性；
itemref="space-separated list of IDs"：微数据系统的一部分，标明在当前页的要包含入一个item的一列元素，必须和有相同itemscope属性的元素一起使用；
itemscope：微数据系统的一部分，创建一个新item，即一组属性（名／值对）；
itemtype="URL or reversed DNS label"：微数据系统的一部分，通过URL（比如http://a.b.net/c）或翻转的DNS标签（比如com.y.x）来指明标准化的item类型；
spellcheck="true|false"：元素是否检查拼写和语法错误。
>Window 事件属性, window 对象触发的事件。
适用于 <body> 标签：
| 属性 | 值 | 描述 |
|---|---|---|
| onafterprint | script | 在打印文档之后运行脚本 |
| onbeforeprint | script | 在文档打印之前运行脚本 |
| onbeforeonload | script | 在文档加载之前运行脚本 |
| onblur | script | 当窗口失去焦点时运行脚本 |
| onerror | script | 当错误发生时运行脚本 |
| onfocus | script | 当窗口获得焦点时运行脚本 |
| onhaschange | script | 当文档改变时运行脚本 |
| onload | script | 当文档加载时运行脚本 |
| onmessage | script | 当触发消息时运行脚本 |
| onoffline | script | 当文档离线时运行脚本 |
| ononline | script | 当文档上线时运行脚本 |
| onpagehide | script | 当窗口隐藏时运行脚本 |
| onpageshow | script | 当窗口可见时运行脚本 |
| onpopstate | script | 当窗口历史记录改变时运行脚本 |
| onredo | script | 当文档执行再执行操作（redo）时运行脚本 |
| onresize | script | 当调整窗口大小时运行脚本 |
| onstorage | script | 当文档加载加载时运行脚本 |
| onundo | script | 当 Web Storage 区域更新时（存储空间中的数据发生变化时） |
| onunload | script | 当用户离开文档时运行脚本 |
>表单事件
由 HTML 表单内部的动作触发的事件。
适用于所有 HTML 5 元素，不过最常用于表单元素中：
| 属性 | 值 | 描述 |
|---|---|---|
| onblur | script | 当元素失去焦点时运行脚本 |
| onchange | script | 当元素改变时运行脚本 |
| oncontextmenu | script | 当触发上下文菜单时运行脚本 |
| onfocus | script | 当元素获得焦点时运行脚本 |
| onformchange | script | 当表单改变时运行脚本 |
| onforminput | script | 当表单获得用户输入时运行脚本 |
| oninput | script | 当元素获得用户输入时运行脚本 |
| oninvalid | script | 当元素无效时运行脚本 |
| onreset | script | 当表单重置时运行脚本。HTML 5 不支持。 |
| onselect | script | 当选取元素时运行脚本 |
| onsubmit | script | 当提交表单时运行脚本 |
>键盘事件
由键盘触发的事件。
适用于所有 HTML 5 元素：
| 属性 | 值 | 描述 |
|---|---|---|
| onkeydown | script | 当按下按键时运行脚本 |
| onkeypress | script | 当按下并松开按键时运行脚本 |
| onkeyup | script | 当松开按键时运行脚本 |
>鼠标事件
由鼠标或相似的用户动作触发的事件。
适用于所有 HTML 5 元素：
| 属性 | 值 | 描述 |
|---|---|---|
| onclick | script | 当单击鼠标时运行脚本 |
| ondblclick | script | 当双击鼠标时运行脚本 |
| ondrag | script | 当拖动元素时运行脚本 |
| ondragend | script | 当拖动操作结束时运行脚本 |
| ondragenter | script | 当元素被拖动至有效的拖放目标时运行脚本 |
| ondragleave | script | 当元素离开有效拖放目标时运行脚本 |
| ondragover | script | 当元素被拖动至有效拖放目标上方时运行脚本 |
| ondragstart | script | 当拖动操作开始时运行脚本 |
| ondrop | script | 当被拖动元素正在被拖放时运行脚本 |
| onmousedown | script | 当按下鼠标按钮时运行脚本 |
| onmousemove | script | 当鼠标指针移动时运行脚本 |
| onmouseout | script | 当鼠标指针移出元素时运行脚本 |
| onmouseover | script | 当鼠标指针移至元素之上时运行脚本 |
| onmouseup | script | 当松开鼠标按钮时运行脚本 |
| onmousewheel | script | 当转动鼠标滚轮时运行脚本 |
| onscroll | script | 当滚动元素滚动元素的滚动条时运行脚本 |
>媒介事件
由视频、图像以及音频等媒介触发的事件。
适用于所有 HTML 5 元素，不过在媒介元素（诸如 audio、embed、img、object 以及 video）中最常用：
| 属性 | 值 | 描述 |
|---|---|---|
| onabort | script | 当发生中止事件时运行脚本 |
| oncanplay | script | 当媒介能够开始播放但可能因缓冲而需要停止时运行脚本 |
| oncanplaythrough | script | 当媒介能够无需因缓冲而停止即可播放至结尾时运行脚本 |
| ondurationchange | script | 当媒介长度改变时运行脚本 |
| onemptied | script | 当媒介资源元素突然为空时（网络错误、加载错误等）运行脚本 |
| onended | script | 当媒介已抵达结尾时运行脚本 |
| onerror | script | 当在元素加载期间发生错误时运行脚本 |
| onloadeddata | script | 当加载媒介数据时运行脚本 |
| onloadedmetadata | script | 当媒介元素的持续时间以及其他媒介数据已加载时运行脚本 |
| onloadstart | script | 当浏览器开始加载媒介数据时运行脚本 |
| onpause | script | 当媒介数据暂停时运行脚本 |
| onplay | script | 当媒介数据将要开始播放时运行脚本 |
| onplaying | script | 当媒介数据已开始播放时运行脚本 |
| onprogress | script | 当浏览器正在取媒介数据时运行脚本 |
| onratechange | script | 当媒介数据的播放速率改变时运行脚本 |
| onreadystatechange | script | 当就绪状态（ready-state）改变时运行脚本 |
| onseeked | script | 当媒介元素的定位属性 [1] 不再为真且定位已结束时运行脚本 |
| onseeking | script | 当媒介元素的定位属性为真且定位已开始时运行脚本 |
| onstalled | script | 当取回媒介数据过程中（延迟）存在错误时运行脚本 |
| onsuspend | script | 当浏览器已在取媒介数据但在取回整个媒介文件之前停止时运行脚本 |
| ontimeupdate | script | 当媒介改变其播放位置时运行脚本 |
| onvolumechange | script | 当媒介改变音量亦或当音量被设置为静音时运行脚本 |
| onwaiting | script | 当媒介已停止播放但打算继续播放时运行脚本 |
---HTML5全局属性 End---
附录
特殊字符表示
| Symbol | Description | Entity Name | Number Code |
|---|---|---|---|
| " | quotation mark | " | " |
| ' | apostrophe | ' | ' |
| & | ampersand | & | & |
| < | less-than | < | < |
| > | greater-than | > | > |
颜色
| Color Name | Hex Value | Color |
|---|---|---|
| aqua | #00ffff | |
| black | #000000 | |
| blue | #0000ff | |
| fuchsia | #ff00ff | |
| green | #008000 | |
| gray | #808080 | |
| lime | #00ff00 | |
| maroon | #800000 | |
| navy | #000080 | |
| olive | #808000 | |
| purple | #800080 | |
| red | #ff0000 | |
| silver | #c0c0c0 | |
| teal | #008080 | |
| white | #ffffff | |
| yellow | #ffff00 |
There are other colors which are not part of HTML or XHTML but they are supported by most of the versions of IE or Netscape.
| Color Name | Hex Value | Color |
|---|---|---|
| aliceblue | #f0f8ff | |
| antiquewhite | #faebd7 | |
| aquamarine | #7fffd4 | |
| azure | #f0ffff | |
| beige | #f5f5dc | |
| bisque | #ffe4c4 | |
| blanchedalmond | #ffebcd | |
| blueviolet | #8a2be2 | |
| brown | #a52a2a | |
| burlywood | #deb887 | |
| cadetblue | #5f9ea0 | |
| chartreuse | #7fff00 | |
| chocolate | #d2691e | |
| coral | #ff7f50 | |
| cornflowerblue | #6495ed | |
| cornsilk | #fff8dc | |
| crimson | #dc143c | |
| cyan | #00ffff | |
| darkblue | #00008b | |
| darkcyan | #008b8b | |
| darkgoldenrod | #b8860b | |
| darkgray | #a9a9a9 | |
| darkgreen | #006400 | |
| darkkhaki | #bdb76b | |
| darkmagenta | #8b008b | |
| darkolivegreen | #556b2f | |
| darkorange | #ff8c00 | |
| darkorchid | #9932cc | |
| darkred | #8b0000 | |
| darksalmon | #e9967a | |
| darkseagreen | #8fbc8f | |
| darkslateblue | #483d8b | |
| darkslategray | #2f4f4f | |
| darkturquoise | #00ced1 | |
| darkviolet | #9400d3 | |
| deeppink | #ff1493 | |
| deepskyblue | #00bfff | |
| dimgray | #696969 | |
| dodgerblue | #1e90ff | |
| firebrick | #b22222 | |
| floralwhite | #fffaf0 | |
| forestgreen | #228b22 | |
| gainsboro | #dcdcdc | |
| ghostwhite | #f8f8ff | |
| gold | #ffd700 | |
| goldenrod | #daa520 | |
| gray | #808080 | |
| greenyellow | #adff2f | |
| honeydew | #f0fff0 | |
| hotpink | #ff69b4 | |
| indianred | #cd5c5c | |
| indigo | #4b0082 | |
| ivory | #fffff0 | |
| khaki | #f0e68c | |
| lavender | #e6e6fa | |
| lavenderblush | #fff0f5 | |
| lawngreen | #7cfc00 | |
| lemonchiffon | #fffacd | |
| lightblue | #add8e6 | |
| lightcoral | #f08080 | |
| lightcyan | #e0ffff | |
| lightgoldenrodyellow | #fafad2 | |
| lightgreen | #90ee90 | |
| lightgrey | #d3d3d3 | |
| lightpink | #ffb6c1 | |
| lightsalmon | #ffa07a | |
| lightseagreen | #20b2aa | |
| lightskyblue | #87cefa | |
| lightslategray | #778899 | |
| lightsteelblue | #b0c4de | |
| lightyellow | #ffffe0 | |
| limegreen | #32cd32 | |
| linen | #faf0e6 | |
| magenta | #ff00ff | |
| mediumblue | #0000cd | |
| mediumorchid | #ba55d3 | |
| mediumpurple | #9370db | |
| midnightblue | #191970 | |
| mistyrose | #ffe4e1 | |
| moccasin | #ffe4b5 | |
| oldlace | #fdf5e6 | |
| orange | #ffa500 | |
| orchid | #da70d6 | |
| peachpuff | #ffdab9 | |
| peru | #cd853f | |
| pink | #ffc0cb | |
| plum | #dda0dd | |
| purple | #800080 | |
| rosybrown | #bc8f8f | |
| royalblue | #4169e1 | |
| salmon | #fa8072 | |
| sandybrown | #f4a460 | |
| seagreen | #2e8b57 | |
| sienna | #a0522d | |
| skyblue | #87ceeb | |
| slateblue | #6a5acd | |
| steelblue | #4682b4 | |
| tan | #d2b48c | |
| thistle | #d8bfd8 | |
| tomato | #ff6347 | |
| violet | #ee82ee | |
| wheat | #f5deb3 | |
| whitesmoke | #f5f5f5 | |
| yellow | #ffff00 | |
| yellowgreen | #9acd32 |
---附录 End---
扫一扫
45万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
