html5移动页面开发,基于html5的移动web开发支持哪些新功能
结合移动设备(手机和平板电脑)的特点,介绍HTML5中新增的语义标签元素,以及移动Web浏览器下网页布局的知识和实例。
在HTML5标准中添加的新元素中,页眉页脚导航侧文章部分h组用于通用页面结构。
下面是对这个元素的简单介绍:1.header
header元素定义了文档的页面组合,通常是一些引导和导航信息,tag通常包含section-on的页眉信息,比如h1~h6或者hgroup。复制代码如下:
页眉
H15布局学习/h1
p努力学习,努力练习/p
/页眉
它与下面的代码一致:复制代码代码如下:
div class="header "
H15布局学习/h1
p努力学习,努力练习/p
/div
2.footer footer元素定义了文档或章节的结尾包含了该章节的一些基本信息,如作者信息、关联、版权信息等。您可以在一个页面上使用多个页眉和页脚,也可以插入一些其他元素,如div ul。复制代码如下:
页脚
p私人信息/p
p关于我们/p
/页脚
3.nav
nav元素用于定义构建导航,显示导航链接,并放入当前页面的一些主要导航链接。复制代码如下:
页脚
航行
保险商实验所
李隐私信息/李
李版权信息/李
关于我们/李
李联系我们/李
/ul
/导航
/页脚
4.aside
side元素用于定义页面的区域,表示与页面相关的主要内容,加载除文本以外的主要内容,如广告栏、侧边栏等。5.article
文章元素表示文档和页面,用于显示独立的文章内容,如网站新闻、博客文章等。
复制代码如下:
文章
页眉
H15新元素/h1
粒子新元素/p
页脚
保险商实验所
李商品标签1/李
李商品标签2/李
/ul
/页脚
/页眉
/文章
6.section
第一篇文章中的节元素,如章、页眉和页脚。
复制代码如下:
文章
部分
h1/h1
p/p
/部分
部分
h1/h1
p/p
/部分
/文章
7.hgroup
Hgroup定义为网页或版块标题元素的组合,通常由多级h1~h6标签节点分组。
复制代码如下:
页眉
h组
h1/h1
h2/h2
/h组
/页眉
实际上,除了我们介绍的语义标签,HTML5标准中还定义了更多不同语义的标签。
*音频:定义音频内容。
* canvas:定义canvas函数。
* command:定义一个命令按钮。
* datalist:定义一个下拉列表。
*详细信息:定义要素的详细信息。
*对话框:定义一个对话框。
* keygen:在表单中定义声明的键值。
*标记:定义标记的文本。
*输出:定义一些输出类型。
*进度:定义任务的过程。
*来源:定义媒体资源。
*视频:定义一个视频内容。
虽然HTML5标准中有很多新元素,但是在移动Web应用中使用的机会并不多。
音视频标签可以在移动Web应用中使用,但是由于其性能、兼容性、页面渲染等原因,并不能很好的应用到智能手机和平板电脑的Web浏览器中。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。