目录
1.标签
1.1基本
| <!DOCTYPE> |
|
| <html> | 定义 HTML 文档 |
| <head> | 定义文档的信息 <title> 定义了文档的标题 <base> 定义了页面链接标签的默认链接地址 <link> 定义了一个文档和外部资源之间的关系 <meta> 定义了HTML文档中的元数据 <script> 定义了客户端的脚本文件 <style> 定义了HTML文档的样式文件 |
| <body> | 定义文档的主体 background、bgcolor |
| <h1> - <h6> | headline 标题 |
| <p> | paragraph 段落 |
| <!--...--> | 注释 |
1.2文本格式
| <br> | break | 换行 |
| <hr> | Horizontal l line | 水平线 |
| <b> | bold | 定义粗体文本 |
| <strong> |
| 定义加重语气，粗体 |
| <dfn> | define | 定义一个定义项目。 |
| <em> | emphasize | 定义着重体，斜体 |
| <i> | italic | 定义斜体字 |
| <small> |
| 定义小号字 |
| <big> |
| 定义大号字 |
| <sub> | subscript | 定义下标字 |
| <sup> | superscript | 定义上标字 |
| <ins> | Insert | 定义插入字 |
| <del> | delete | 定义删除字 |
| <pre> | Preformatted Text | 预格式化的文本: |
| <code> |
| 定义计算机代码 |
| <samp> | Sample | 定义计算机代码样本 |
| <kbd> | keyboard | 定义键盘码 |
| <tt> | Teletype | 打印机（文本） |
| <var> | variable | 定义变量 |
| <abbr> | abbreviation | 定义缩写 |
| <acronym> |
| 首字母缩写 |
| <bdo> | Bi-Directional Override | 定义文字方向 |
1.3引用
| <address> |
| 定义地址，地址会变成斜体 |
| <blockquote> |
| 定义长的引用，blockquote的子节点必须为块元素，会缩进，加了margin |
| <q> | quote | 定义短的引用语，会加引号 |
| <cite> |
| 定义引言，所谓引言，就是对一本书、一篇报告或其它出版的来源资料的引用，会变斜体 |
1.4图片
| <img> |
| 定义图像 src、alt、height、width |
| <map> |
| 定义图像地图，和<area>一起使用 name |
| <area> |
| 定义图像地图中的可点击区域 shape、coords、alt、href |
1.5链接
| <a> | anchor | 链接 href、targe |
1.6表格
| <table> |
| 定义表格 border、cellpadding、cellspacing、bgcolor、background |
| <th> |
| 定义表格的表头 colspan、rowspan、align |
| <tr> | trough 槽 | 定义表格的行 |
| <td> | table data | 定义表格单元 bgcolor、background、align |
| <caption> |
| 定义表格标题 |
| <colgroup> |
| 定义表格列的组 span、align |
| <col> | column | 定义用于表格列的属性 align |
| <thead> |
| 定义表格的页眉 |
| <tbody> |
| 定义表格的主体 |
| <tfoot> |
| 定义表格的页脚 |
1.7 列表
| <ol> | odered list | 定义有序列表，每个li前面会有序号 |
| <ul> | unordered list | 定义无序列表, |
| <li> | list | 定义列表项 |
| <dl> | definition list | 定义列表 |
| <dt> |
| 自定义列表项目 |
| <dd> | description | 定义自定列表项的描述 |
1.8表单
| <form> |
| 定义供用户输入的表单 name\action\method |
| <input> |
| 定义输入域 type(text、passward、submit、radio、checkbox)\name\value |
| <label> |
| 定义了 <input> 元素的标签，一般为输入标题 |
| <select> |
| 定义了下拉选项列表 |
| <option> |
| 定义下拉列表中的选项 value\selected |
| <optgroup> |
| 定义选项组 |
| <textarea> |
| 定义文本域 (一个多行的输入控件) |
| <fieldset> |
| 定义了一组相关的表单元素，并使用外框包含起来 |
| <legend> |
| 定义了 <fieldset> 元素的标题 |
| <button> |
| 定义一个点击按钮 |
| <keygen> |
| 定义了表单的密钥对生成器字段 |
| <output> |
| 定义一个计算结果 |
| <datalist> |
| 指定一个预先定义的输入控件选项列表 |
1.9布局
| <div> | division | 定义了文档的区域，块级 (block-level) |
| <span> |
| 用来组合文档中的行内元素， 内联元素(inline) Id、style、float |
1.10框架
通过使用框架，可以在同一个浏览器窗口中显示不止一个页面。
| <frameset> |
| 定义了一系列行或列 rows/columns |
| <frame> |
| 定义了放置在每个框架中的 HTML 文档 noresize |
| <iframe> | frame：框架 | 定义一个内联的iframe |
1.11脚本
| <script> |
| 定义了客户端脚本 |
| <noscript> |
| 定义了不支持脚本浏览器输出的文本 |
1.12媒体
| <object> |
| 定义了在 HTML 文档中嵌入的对象 |
| <embed> | 嵌入 | 表示一个 HTML Embed 对象 |
1.13实体
|
| 空格 |
|
|
| < | 小于号 | < | < |
| > | 大于号 | > | > |
| & | 和号 | & | & |
| " | 引号 | " | " |
| ' | 撇号 | ' (IE不支持) | ' |
| ￠ | 分（cent） | ¢ | ¢ |
| £ | 镑（pound） | £ | £ |
| ¥ | 元（yen） | ¥ | ¥ |
| € | 欧元（euro） | € | € |
| § | 小节 | § | § |
| © | 版权（copyright） | © | © |
| ® | 注册商标 | ® | ® |
| ™ | 商标 | ™ | ™ |
| × | 乘号 | × | × |
| ÷ | 除号 | ÷ | ÷ |
2. 属性
| class | 为html元素定义一个或多个类名（classname）(类名从样式文件引入) |
| id | 定义元素的唯一id |
| style | 规定元素的行内样式（inline style） color、background-color、margin-left、font-family、font-size、text-align |
| title | 描述了元素的额外信息 (作为工具条使用) |
3.1视频<video>
<video> 标签的属性
| 属性 | 值 | 描述 |
| autoplay | autoplay | 如果出现该属性，则视频在就绪后马上播放。 |
| controls | controls | 如果出现该属性，则向用户显示控件，比如播放按钮。 |
| height | pixels | 设置视频播放器的高度。 |
| width | pixels | 设置视频播放器的宽度。 |
| loop | loop | 如果出现该属性，则当媒介文件完成播放后再次开始播放。 |
| preload | preload | 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。 |
| src | url | 要播放的视频的 URL。 |
HTML5 <video> - 方法、属性以及事件
| 方法 | 属性 | 事件 |
| play() | currentSrc | play |
| pause() | currentTime | pause |
| load() | videoWidth | progress |
| canPlayType | videoHeight | error |
| duration | timeupdate |
|
|
| ended | ended |
|
| error | abort |
|
| paused | empty |
|
| muted | emptied |
|
| seeking | waiting |
|
| volume | loadedmetadata |
|
| height |
|
|
| width |
|
3.2 音频 <audio>
<audio> 标签的属性
| 属性 | 值 | 描述 |
| autoplay | 如果出现该属性，则音频在就绪后马上播放。 | |
| controls | 如果出现该属性，则向用户显示控件，比如播放按钮。 | |
| loop | 如果出现该属性，则每当音频结束时重新开始播放。 | |
| preload | 如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。 | |
| url | 要播放的音频的 URL。 |
3.3 拖放
| 设置元素为可拖放 | < img draggable="true" /> |
| 拖动什么 | ondragstart 和 setData() |
| 放到何处 | 调用 ondragover 事件的 event.preventDefault() 方法 |
| 进行放置 | ondrop 属性调用了一个函数，drop(event) |
3.4画布
<canvas> 标签
height pixels 设置 canvas 的高度。
width pixels 设置 canvas 的宽度。
3.5 SVG
<svg> 标签:SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
3.6地理位置
getCurrentPosition() 方法
Geolocation 对象
3.7 Web存储
localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储
3.8应用缓存
通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本
3.9 Web Workers
当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。
web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。
3.10服务器发送事件
Server-Sent 事件指的是网页自动获取来自服务器的更新。
3.11表单
输入类型:
增加了很多输入类型email、url、number、range、search、color、Date pickers
表单元素：
datalist 元素规定输入域的选项列表。
keygen 元素的作用是提供一种验证用户的可靠方法。
output 元素用于不同类型的输出，比如计算或脚本输出：
表单属性：
新的 form 属性
autocomplete： 拥有自动完成功能
novalidate： 提交表单时不应该验证 form 或 input 域。
新的 input 属性
| autocomplete | 域应该拥有自动完成功能 |
| autofocus | 域自动地获得焦点 |
| form | 属性规定输入域所属的一个或多个表单 |
| form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget) | 允许您重写 form 元素的某些属性设定
|
| height 和 width | 用于 image 类型的 input 标签的图像高度和宽度。 |
| list | 规定输入域的 datalist。datalist 是输入域的选项列表 |
| min, max 和 step | 为包含数字或日期的 input 类型规定限定（约束） |
| multiple | 属性规定输入域中可选择多个值 |
| pattern (regexp) | 定用于验证 input 域的模式（pattern） |
| placeholder | 属性提供一种提示（hint），描述输入域所期待的值 |
| required | 属性规定必须在提交之前填写输入域（不能为空） |
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
