HTML5-常用标签
无论是当前火爆互联网朋友圈的微信小程序(虽然小程序并不遵守HTML协议,仅支持部分CSS)还是逐渐增多的原生内置的H5界面,毋庸置疑,HTML5前端的技术会更多的得到移动开发程序员的青睐,也必将成为一项移动开发所必备的技能,你做移动开发说对H5,CSS,JS等这些web前端技术只是一个初步的了解难免会说不过去.
对HTML5技术的归纳总结以及分享必须马上提上日程,做开发注定会是一个不断学习,不断完善自己的过程.保持激情,持续努力!
当前手机APP的开发模式
1> 原生（纯OC）
2> 纯HTML5
3> 原生+HTML5
其中原生+H5的模式会越来越多,宽带通讯技术的持续发展也会加快这个趋势的愈演愈烈!
web开发所经历的三个时代:
Web1.0
主流技术:HTML+CSS
Web2.0
主流技术:Ajax(JavaScript/DOM/异步数据请求)
Web3.0
主流技术:HTML5+CSS3
HTML5亮点: Canvas HTML5音视频 Web存储 Geolocation Workers多线程处理
CSS3亮点: 设计动画 2D变形 N多新特性
一个网页的组成:
一个有具体功能的完整的网页，一般由3部分组成
HTML
网页的具体内容和结构
CSS
网页的样式（美化网页最重要的一块）
JavaScript(掌握)
网页的交互效果，比如对用户鼠标事件做出响应
HTML\CSS\JavaScript学习资料：http://www.w3school.com.cn/
三项技术缺一不可,尤其是对JS的学习,更是需要下功夫!
常见的HTML标签
真正在开发中,其实常用到的标签并不多
标题：h1、h2、h3、h4、h5….
段落：p
换行：br
容器：div、span（用来容纳其他标签）
表格：table、tr、td
列表：ul、ol、li
图片：img
表单：input
链接：a
差不多这些在开发中就够用了.
HTML5新增标签:
HTML5新增了27个标签元素,废弃了16个标签元素,主要包括结构性标签、级块性标签、行内语义性标签、交互性标签
1.结构性标签
负责Web上下文结构的定义，确保HTML文档，包括：
article 文章主体内容(一篇博客、一篇论坛帖子、一段用户评论、插件)
header 标记头部区域内容
footer 标记脚部区域内容
section 区域章节表述
nav 菜单导航,链接导航
2.块级性标签
完成Web页面区域的划分，确保内容的有效分隔，包括：
aside 注记,贴士,侧栏,摘要,插入的引用作为补充主体的内容
figure 对多个元素组合并展示的元素,常与figcaption联合使用
code 表示一段代码块
dialog 人与人之间对话,包含dt和dd两个组合元素（dt用于表示说话者、dd用于表示说话者的内容）
3.行内语义性标签
完成Web页面具体内容的引用和表述，丰富展示内容，包括：
meter 特定范围内的数值，如工资、数量、百分比
time 时间值
progress 进度条，可用max、min、step进行控制，完成对进度的表示和监听
video 视频元素，用于视频播放，支持缓冲预载和多种视频媒体格式
audio 音频元素，用于音频播放，支持缓冲预载和多种音频媒体格式
4.交互性标签
功能性内容的表达，有一定的内容和数据的关联，是各种事件的基础，包括：
details 表示一段具体的内容，默认不显示，通过某种方式（单击）与legend交互才会显示
datagrid 控制客户端数据与显示，可用于动态脚本及时更新
menu 用于交互菜单
command 用来处理命令按钮