初识HTML5

概念

HTML5 是下一代 HTML 标准。
HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
下面是一个简单的HTML5文档：

文档内容......

敲！再加Tab显示基本如下

屏幕快照 2016-03-08 下午2.54.46.png

屏幕快照 2016-03-08 下午4.46.49.png

]( http://upload-images.jianshu.io/upload_images/1389082-70349319ac90f311.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

简单认识

使用开发工具：

WebStorm 、hbuilder、sublime Text2 (网址3w.sublimetext.com)
安装插件的教程：3w.qianduan.net
下面骆神以sublime为例讲

1.body 浏览器显示窗口的信息；head 标题（元数据、编码）
2.标签：有开头标签和结尾标签；之间写内容（即放数据：同一数据可以有多种显示方式，即是分离的，类似oc中的MVC）
3.注释： 标题注释   之间空白处写注释
快注释  /*   */
4. 这是声明，必须写在第一行
5.敲代码时可先敲再按Tab键，可以自动补充；如敲h再敲Tab键，会自动补全为
6.要运行，先保存command+s再右键-->Open in Browser打开
7.audio、img 这是行级标签，在其后面放满才换行；h、p是块级标签，要独占一行
8.百度一下    可写在body里面
10.  10px表示10个像素；锚链接（回到顶部的效果）；功能连接（比如在网页上有打开qq和谁聊天）

html5参考手册链接
http://www.runoob.com/html/tags/html-reference.html

层叠样式表(不冲突的样式都生效；冲突的谁后写谁生效)
位置：内嵌样式表、内部样式表、外部样式表

hello,world

屏幕快照 2016-03-08 下午4.04.12.png

效果如下图

屏幕快照 2016-03-08 下午4.08.23.png

屏幕快照 2016-03-08 下午4.18.42.png

四种选择器优先级：id>类>标签>通配符
注意层叠样式表会有层叠效果；考虑先后顺序和选择器优先级

上简单的一个Demo以及对应效果

屏幕快照 2016-03-08 下午4.46.49.png

屏幕快照 2016-03-08 下午4.47.25.png

html5相关技术

屏幕快照 2016-03-08 下午4.51.29.png

其他

屏幕快照 2016-03-08 下午4.53.56.png