一、H5的组成
H5 App前端开发应用主要是由3部分组成的:结构(Structure)、表现(Presentation)和行为(Behavior)。三者相辅相成、紧密合作。
(1)结构:H5,好比人的骨架
(2)表现:css,好比人体血肉框架。css定义HTML组件在浏览器和JavaScript中如何渲染,包括对文本和图像的处理。
(3)行为:JavaScript,好比人的各类动作。JavaScript负责浏览器的交互行为,如果浏览器没有事件响应就没有行为交互,这将很影响用户的体验。
二、H5新增的结构元素
页面布局的方式如下图:
hgroup:对网页或区段section的标题元素(h1-h6)进行组合
figure:表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元,使用figcaption元素为figure元素添加标题。用于对元素进行组合,多用于图片与图片描述组合。
三、H5标签的语义化
语义化:明白每个标签的用途