星空网 > 软件开发 > 网页设计

移动设备HTML5页面布局

在HTML5标准添加的新元素中,用于常见页面结 构的包括header footer footer nav aside aside article section hgroup

下面简单介绍一下这个元素:

1.header

header>元素定义文档的页面组合,通 常是一些引导和导航信息,标签内通常包含 secti- on的头部信息,如h1~h6 或 hgroup等。

<header>

  <h1>HTML5布局学习</h1>

  <P>勤学苦练</p>

</header>

与下面的代码是一致的:

<div class=”header”>

  <h1>HTML5布局学习</h1>

  <P>勤学苦练</p>

</div>

2.footer

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

<footer>

  <p>隐私信息</p>

  <p>关于我们</p>

</footer>

3.nav

<nav>元素用于定义构建导航,显示导航 链接,用于放入一些当前页面的主要导航链接。

<footer>

  <nav>

    <ul>

      <li>隐私信息</li>

      <li>版权信息</li>

      <li>关于我们</li>

      <li>联系我们</li>

    </ul>

  </nav>

</footer>

4.aside

<aside>元素用于定义一个页面的区域, 用来表示包含页面相关的主要内容,用于装载非 正文的主要内容,如广告栏,侧边栏等。

5.article

  <article>元素表示文档,页面,用来显示一块独立的文章内容,如一则网站新闻,一偏博客文章等。

  <article>

    <header>

      <h1>HTML5新元素</h1>

      <p>article 新元素</p>

      <footer>

        <ul>

          <li>文章标签1</li>

          <li>文章标签2</li>

        </ul>

      </footer>

    </header>

  </article>

6.section

   <section>元素第一位文章中的节,比如章节,页眉,页脚。

  <article>

    <section>

      <h1></h1>

      <p></p>

    </section>

    <section>

      <h1></h1>

      <p></p>

    </section>

  </article>

7.hgroup

  <hgroup>定义为对网页或区段的标题元素进行组合,通常使用多级别的h1~h6标签节点进行分组。

  <header>

    <hgroup>

        <h1></h1>

        <h2></h2>

    </hgroup>

  </header>




原标题:移动设备HTML5页面布局

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

Lazada如何打造高质量的Listing?:https://www.goluckyvip.com/news/4674.html
嘀嗒嘀物流:https://www.goluckyvip.com/news/4675.html
2.3万个出口货柜积压!集装箱被撞、海运又涨三成,太难了:https://www.goluckyvip.com/news/4676.html
哭了,亚马逊配送费立马就变了!:https://www.goluckyvip.com/news/4677.html
Shopee公告:墨西哥站点订单取消相关政策:https://www.goluckyvip.com/news/4678.html
Shopee Fans(虾皮助手):https://www.goluckyvip.com/news/4679.html
安能物流的2024:变革不能停:https://www.kjdsnews.com/a/1836480.html
深圳中心公园朱顶红花海位置(在哪里+怎么去):https://www.vstour.cn/a/364175.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流