html5移动页面开发,基于html5的移动web开发支持哪些新功能

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: