H5页面设计:Mugeda版(微课版)
上QQ阅读APP看书,第一时间看更新

1.1.1 H5是什么

在日常生活中,我们常见的网页大多使用超文本标记语言(Hyper Text Markup Language,HTML)进行编写,其中的“超文本”指的是页面内可以包含图片、链接、音乐、程序等非文字元素,“标记”则代表这些超文本必须通过起始标签和结束标签进行标记。而H5则是HTML5的缩写,HTML5是第5代超文本标记语言的简称。

HTML5引入了许多新的语义化元素、应用程序接口(Application Program Interface, API)和技术,为网页开发带来了巨大的变化。相比传统HTML页面,使用HTML5制作的页面不仅视觉效果有较大的提升,还具有较强的可操作性与互动性,并且展示方式多样、表现形式丰富、视听效果好。

图1-1所示为“2022大话之旅”H5页面,从内容设计上来看,该页面回顾了《大话西游2》的点滴;从效果的设计上来看,页面采用动画的形式,集文字、插画、动态效果于一体,不但视觉效果美观,而且趣味十足、互动性强。

▲图1-1 “2022大话之旅”H5页面

技术讲堂

H5和H5页面从语境和使用习惯上可进行区分。

H5。H5是指HTML5技术标准,包括HTML、CSS(Cascading Style Sheets,串联样式表)和JavaScript等相关技术的最新版本和规范。

H5页面。H5页面则是指基于HTML5技术标准开发的具体网页页面,通常包括HTML、CSS、JavaScript等内容。H5页面可以在各种终端设备和平台上展示,通常具有跨平台性、易传播性、多媒体性、互动性等特点。