Web的增强与垄断
- WebAPP HTML5新增加了离线存储，更丰富的表单、JS线程、socket、标准扩展embed、CSS3...
- 流媒体与多媒体引擎 Audio、Video、Canvas、webgl等等
- 搜索引擎和无障碍领域
移动互联网
- 跨平台 HTML5是唯一一个通吃PC、Mac、iPhone、Android等主流平台的跨平台语言
- 快速迭代 互联网产品大多免费、且有网络效应，后入者抢夺用户的难度非常大
- 减低成本 HTML5开发比原生APP开发成本降低一倍
- 导流入口多 HTML5应用导流以非常容易
- 分发效率高
Web趋势
- Native App -> WebAPP -> Hybird App
- PC->移动->智慧互联
- AR、VR、智能硬件
- 视频变局、在线教育、泛娱乐
内容
标签变化
DTD、新增的标签、删除的标签、重定义标签
页面布局
新的页面布局、区别和意义
属性变化
Input、表单属性、链接属性、其它属性
浏览器
- 目前支持HTML5的浏览器有
IE9+
Firefox
Opera
Safari
*Chrome
常用的Doc type声明
HTML 4.01 Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML 4.01 Transitional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> HTML 4.01 Frameset <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> HTML5 <!DOCTPYE html>
新增加的标签
结构标签--有意义的div
- article 标记定义一篇文章
- header 标记定义一个页面或一个区域的头部
- nav 标记定义导航链接
- section 标记定义一个区域
- aside 标记定义页面内容部分的侧边栏
- hgroup 标记定义文件中一个区块的相关信息
- figure 标记定义一级媒体内容以及它们的标题
- figcaption 标签定上庄镇figure元素的标题
- footer 标记定义一个页面或一个区域的底部
- dialog 标记定义一个对话框(会话框)类似微信 header/section/aside/article/footer header/section/footer > aside/article/figure/hgroup/nav > div
对可用性产生负责影响的元素
frame freamset noframes
- 破坏整体结构
不影响搜索引擎的收录
重定向标签
显示不变，只是表达的含义进行了重新定义的标签
- 代表内联文本，通常是粗体，没有传递表示重要的意思
- 代表内联文本，通常是斜体，没有传递表示重要的意思
- 可以同details与figure一同使用，包含文本，dialog也可用
- 可以同details与figure一同使用，汇总细节，dialog也可用