Html5学习笔记

学习地址 http://www.w3school.com.cn/html5/index.asp

注：以下内容均来自 w3c

什么是 HTML5？
HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

浏览器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

1、标签
    1.1、<wbr/> 如果单词太长，或者您担心浏览器会在错误的位置换行，那么您可以使用 <wbr> 进行换行；
    1.2、<video> 标签定义视频，比如电影片段或其他视频流。

    属性        值        描述
    autoplay     autoplay     如果出现该属性，则视频在就绪后马上播放。
    controls     controls     如果出现该属性，则向用户显示控件，比如播放按钮。
    height         pixels         设置视频播放器的高度。
    width         pixels         设置视频播放器的宽度。
    loop         loop         如果出现该属性，则当媒介文件完成播放后再次开始播放。
    muted         muted         规定视频的音频输出应该被静音。
    poster         URL         规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。
    preload     preload     如果出现该属性，则视频在页面加载时进行加载，并预备播放。 autoplay    则忽略该属性。
    src         url     要播放的视频的 URL。

   1.3、    <em>  把文本定义为强调的内容。
   1.4、    <label> 带有两个输入字段和相关标记的简单 HTML 表单；

2、什么是 HTTP？
    超文本传输协议（HTTP）的设计目的是保证客户机与服务器之间的通信。
    HTTP 的工作方式是客户机与服务器之间的请求-应答协议。
    web 浏览器可能是客户端，而计算机上的网络应用程序也可能作为服务器端。
    举例：客户端（浏览器）向服务器提交 HTTP 请求；服务器向客户端返回响应。响应包含关于请求的状态信息以及可能被请求的内容。

3、GET 对比 POST 区别？


浏览器历史或 web 服务器日志中。
可见性     数据在 URL 中对所有人都是可见的。     数据不会显示在 URL 中。

4、HTTP 服务器错误消息
500 Internal Server Error     请求未完成。服务器遇到不可预知的情况。
501 Not Implemented     请求未完成。服务器不支持所请求的功能。
502 Bad Gateway     请求未完成。服务器从上游服务器收到一个无效的响应。
503 Service Unavailable     请求未完成。服务器临时过载或当机。
504 Gateway Timeout     网关超时。
505 HTTP Version Not Supported     服务器不支持请求中指明的HTTP协议版本。    

5、HTML5音频
Web 上的音频直到现在，仍然不存在一项旨在网页上播放音频的标准。
今天，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。
HTML5 规定了一种通过 audio 元素来包含音频的标准方法。
audio 元素能够播放声音文件或者音频流。

<audio> 标签的属性
属性         值         描述
autoplay     autoplay     如果出现该属性，则音频在就绪后马上播放。
controls     controls     如果出现该属性，则向用户显示控件，比如播放按钮。
loop         loop         如果出现该属性，则每当音频结束时重新开始播放。
preload     preload     如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src         url         要播放的音频的 URL。

6、HTML5 拖放
拖放（Drag 和 drop）是 HTML5 标准的组成部分。
拖放是一种常见的特性，即抓取对象以后拖到另一个位置。
在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。

6、HTML5 新的 Input 类型，就这厉害了，直接相当于一个JS框架比如EasyUI；
   HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。
   输入类型：
   email        类型用于应该包含 e-mail 地址的输入域
   url            类型用于应该包含 URL 地址的输入域
   number        类型用于应该包含数值的输入域
   range        类型显示为滑动条
   Date pickers     拥有多个可供选取日期和时间的新输入类型 (date, month, week, time, datetime, datetime-local)
   search        类型用于搜索域，比如站点搜索或 Google 搜索。
    
想查看更多内容请点击 http://www.w3school.com.cn/html5/index.asp