20 - HTML5新标签和响应式

HTML5新标签和响应式

• HTML5新标签
• 代码规范
• 响应式
• visibility的使用

HTML5是什么

HTML5:标准HTML的第五代版本

新增功能:

• 增加了许多移动端的支持,广义上讲HTML5提供了一套全新的界面设计制作的解决方案

• 本地存储技术:可以制作基于网页的APP,代替普通APP

• 兼容性:提供性的数据与应用的接口,可直接调用

• 外部比如摄像头接口:

• 连接推送: 数据交互更加便捷

• 三维图形,特效:基于SVG/Canvas/WebGl/CSS3的3D的功能

HTML5的作用

替换元素/语义元素/功能元素

HTML5的性质

元素类型,默认样式,可以使用属性(需要阅读文档)mdn

HTML5新标签的特性

• 语义性: 为页面赋予更好的结构和含义,标签名自带结果或者功能上的解释
• 多媒体支持: 某些新标签对audio/video支持性更好,代替了flash

HTML5新增标签

结构性标签: 底层含义与div相同

• header标签,页眉与块头部使用
• nav标签 导航块
• section 页面中的版块
• article 表示页面独立结构完整的部分内容
• aside 侧边