您现在的位置是：网站首页> 编程资料编程资料
浅析移动设备HTML5页面布局 Flex移动布局中单行和双行布局的区别及使用详解
2023-10-14
631人已围观
简介 本篇文章给大家介绍移动设备html5页面布局，对磁盘文章感兴趣的朋友一起学习吧
我们结合移动设备（手机和平板电脑）的特性，介绍HTML5中新增的语义化标签元素，以及在移动Web浏览器下Web页面布局的知识及例子。
在HTML5标准添加的新元素中，用于常见页面结 构的包括header footer footer nav aside aside article section hgroup 。
下面简单介绍一下这个元素：
1.header
header>元素定义文档的页面组合，通 常是一些引导和导航信息，标签内通常包含 secti- on的头部信息，如h1~h6 或 hgroup等。
HTML5布局学习
勤学苦练
与下面的代码是一致的：
HTML5布局学习
勤学苦练
2.footer
3.nav
4.aside
HTML5新元素
article 新元素
6.section
7.hgroup
定义为对网页或区段的标题元素进行组合，通常使用多级别的h1~h6标签节点进行分组。
实际上，除了我们介绍的语义标签外，在HTML5的标准中还定义了更多不同语义的标签。
* audio:定义音频内容。
* canvas:定义画布功能。
* command:定义一个命令按钮。
* datalist:定义一个下拉列表。
* details:定义一个元素的详细内容。
* dialog:定义一个对话框。
* keygen:定义表单里一个声称的键值。
* mark:定义有标记的文本。
* output:定义一些输出类型。
* progress:定义任务的过程。
* source:定义媒体资源。
* video:定义一个视频内容。
虽然HTML5标准中新增了很多新的元素，但实际上在移动Web应用中使用的机会并不多。
audio及video等标签虽然可以在移动Web应用中得到实践，但由于其性能、兼容性以及页面渲染等原因，它们还不能很好地应用到智能手机以及平板电脑的Web浏览器上。
相关内容
- 深入浅析HTML5中的SVG基于html5实现的svg图标手机菜单动态特效源码html5基于svg实现圆形进度统计动画特效源码基于HTML5 SVG制作汉堡包菜单按钮分段动画效果深入解析HTML5使用SVG图像时的viewBox属性用法html5+svg学习指南之SVG基础知识HTML5+SVG实现的线性图表特效源码 可绘制图表区域颜色HTML5 SVG实现的Loading动画加载特效源码
- 基于HTML5代码实现折叠菜单附源码下载html5写一个BUI折叠菜单插件的实现方法
- HTML5标签使用方法详解关于HTML5语义标签的实践(blog页面)html5基于canvas实现的文字标签云3D旋转动画特效源码HTML5之语义标签介绍移动端html5 meta标签的神奇功效实例讲解HTML5的meta标签的一些应用 HTML与XHTML、以及HTML4与HTML5标签之间的区别简介HTML5安全攻防之新标签攻击详解简单介绍HTML5中audio标签的使用HTML5进阶段内联标签汇总（小篇）
- 推荐WEB开发者最佳HTML5和CSS3代码生成器移动端Web页面的CSS3 flex布局快速上手指南详解CSS制作Web页面条纹背景样式的技巧像素密度与CSS3的viewport在移动端Web响应式布局中的运用CSS实现带倒三角标记的WEB标准菜单效果代码CSS Web安全字体组合详解
- 骷髅王子救公主 第1-10关 图文攻略_手机游戏_游戏攻略_
- 骷髅王子救公主 第2-1关 图文攻略_手机游戏_游戏攻略_
- 骷髅王子救公主 第2-2关 图文攻略_手机游戏_游戏攻略_
- 骷髅王子救公主 第2-3关 图文攻略_手机游戏_游戏攻略_
- 骷髅王子救公主 第2-4关 图文攻略_手机游戏_游戏攻略_
- 骷髅王子救公主 第2-5关 图文攻略_手机游戏_游戏攻略_
