当前位置:Gxlcms > html代码 > 浅析移动设备HTML5页面布局_html5教程技巧

浅析移动设备HTML5页面布局_html5教程技巧

时间:2021-07-01 10:21:17 帮助过:18人阅读

我们结合移动设备(手机和平板电脑)的特性,介绍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

元素定义文档或章节的末尾部分 包含一些章节的基本信息,如作者信息,相关连 及版权信息。 一个页面上可以使用多个 header 和footer,也可以插入一些别的元素,比如div ul 等。

代码如下:


  

隐私信息


  

关于我们



3.nav

人气教程排行