HTML5是用于取代1999年所制定的 HTML4.01和XHTML1.0标准的HTML标准版本
HTML5的第一份正式草案已于2008年1月公布;2012年12月,规范已经正式定稿。
W3C计划在2014年底发布HTML5推荐标准,在2016年底发布HTML5.1推荐标准。
HTML5有两大特点:强化了Web网页的表现性能;追加了本地数据库等功能。

HTML5向前兼容,只去除很少的部分,比如<frame><font>等。
HTML5面向移动,支持IP,GPS,WIFI MAC,GSM/CDMA的基站信息的获取等。
HTML5做了简化,文档类型<!DOCTYPE html>就行了,编码格式<meta charset="utf-8">就行了。
新标签,头<header>,脚<footer>,区<section>,文章<article>,引文<aside>,导航<nav>等。
表单元素<input>类型更多,比如日历、自填充搜索、特点范围数字、IP地址输入、URL/Email输入框等。
支持<canvas>标签,可以画形状,画位图等二维绘图,可以平移/缩放/旋转/倾斜等变换。
支持<audio><video>标签,直接对音视频进行了很好的支持,无需插入FLASH了。
支持console.log API的日志,比alert好多了,不会阻塞脚本的执行。
支持window.JSON,可以在JS直接调用,无需解析,效率更高。
支持DOM level 3,CSS3等。

HTML5,跨浏览器,代替部分JavaScript,语义更明确,支持Web。
不区分大小写,结束标签可省略,属性值及引号可省略。
文档类型定义:<!DOCTYPE html>。

HTML5,保留的标签:
基本:<html/head/title/body/style/h1~h6/p/br/hr/div/span>
文本格式化:<b/i/em/strong/small/sub/sup/bdo>
语义:<abbr/address/blockquote/q/cite/code/dfn/del/ins/pre/samp/kbd/var>
表格:<table/caption/tr/td/th/thead/tbody/tfoot>
超链接和锚点:<a href target>
图像:<img src alt/map/area>
列表:<ul/ol/li/dl/dt/dd>
框架:<iframe src>
HTML5,新增属性:
元素可编辑:contentEditable
文档全局可编辑:designMode
元素隐藏:hidden
输入检查:spellcheck
文档结构:<article/section/nav/aside/header/hgroup/footer/figure/figcaption>
语义:<mark/time>/<meter/progress>
头部:<script/style/link/title/base/meta>
拖放API:draggable=true/ondragstart/ondragend/evt.DataTransfer

HTML5,保留的表单元素:
表单:<form action/method/enctype/name/target>
输入:<input type=text/password/hidden/radio/checkbox/image/file/submit/reset/button>
标签:<label for>关联其他输入元素,可共同处理焦点的获取或丢失。
按钮:<button type=button/submit/reset>更强大,包含长文本或图片。
下拉列表:<select/option/optgroup>单选单行,多选多行。
多行文本输入:<textarea>

在线学习教程:http://www.w3school.com.cn/html5/

HTML5学习小结的更多相关文章

  1. html5学习小结,float练习。

    经过两天的H5学习之后,做了一下float属性的练习,要做出来的效果为: 下面为代码部分,所用到的知识不多,不过才现在刚开始,以后要学的东西还有很多,大家继续加油! <!DOCTYPE html ...

  2. HTML5学习总结——canvas绘制象棋(canvas绘图)

    一.HTML5学习总结——canvas绘制象棋 1.第一次:canvas绘制象棋(笨方法)示例代码: <!DOCTYPE html> <html> <head> & ...

  3. Html5学习导航

    给大家推荐一下学习研究HTML5必备的一些个网站,更加有利于大家对HTML5的学些和研究.如果各位童鞋还有更多的,欢迎投递资源给我们,也可以支持我们,让我们利用大家的力量收集更多的HTML5学习资料, ...

  4. 本周JavaScript学习小结

    应组长杨老师号召,写个js阶段性学习小结. emmm这周学了Linux进程通讯,学正则表达式尝试完成第一次编程作业,中秋还去平潭露营(所以...js学得很少hhh). 现在还处于感性认识阶段,浏览了一 ...

  5. HTML5 学习总结(一)——HTML5概要与新增标签

    一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸 ...

  6. flex学习小结

    接触到flex一个多月了,今天做一个学习小结.如果有知识错误或者意见不同的地方.欢迎交流指教. 画外音:先说一下,我是怎么接触到flex布局的.对于正在学习的童鞋们,我建议大家没事可以逛逛网站,看看人 ...

  7. Python 学习小结

    python 学习小结 python 简明教程 1.python 文件 #!/etc/bin/python #coding=utf-8 2.main()函数 if __name__ == '__mai ...

  8. HTML5 学习笔记(一)——HTML5概要与新增标签

    目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2 ...

  9. html5学习笔记一

    HTML5学习笔记 <video>标记:定义视频,Ogg.MPEG4.WebM三种格式 <video src=”movie.ogg”  controls=”controls”> ...

随机推荐

  1. 不能用con作为类名

    A class file was not written. The project may be inconsistent, if so try refreshing this project and ...

  2. python实现之决策树

    一.Predict survival on the Titanic 使用泰坦尼克号上的乘客数据,对乘客是否存活进行预测 1.观察数据集合 可能遇到的问题 训练集和测试集特征值得属性并不重合.连续属性和 ...

  3. mysql performance_schema 和information_schema.tables了解

    这个是关于mysql的系统表,性能表,核心表操作的一些介绍,深入算不上 我们一般很少去动 mysql  information_schema 信息相关  performance_schema 性能相关 ...

  4. hibernate学习(8)——事务.连接池.锁 相关设置

    1.整合c3p0(连接池) 步骤一:导入c3p0 jar包 步骤二:hibernate.cfg.xml 配置 hibernate.connection.provider_class org.hiber ...

  5. source insight增加注释宏

    打开base项目,下main.c文件里加入以下代码 对于在一行内的局部注释, 没有找到解除注释的宏, macro Comments_orUn_gx() { //用杠星注释多行,或取消杠星注释 ,不选中 ...

  6. php count()函数用法 及其 一个坑

    用法 count() 函数返回数组中元素的数目. count(array,mode); [mode] 0 - 默认.不计算多维数组中的所有元素. 1 - 递归地计算数组中元素的数目(计算多维数组中的所 ...

  7. Android Handler机制

    http://blog.csdn.net/erliangcode/article/details/52117831

  8. mac常用的命令

    1.递归查找⽂文件内容: grep -r target_string absolute_path 2.移动所有⽂文件(包括隐藏⽂文件): mv * .[^.]* targetDir 3.⽂文件分割合并 ...

  9. Hibernate操作指南-实体之间的关联关系(基于注解)

  10. iOS Developer Library地址

    1. iOS Developer Library路径:https://developer.apple.com/library/ios/navigation/ 2. 百度搜索:iOS Developer ...