如何使用HTML5新增标签(二)

来源:互联网 发布:淘宝教学课程在哪里 编辑:程序博客网 时间:2024/05/22 00:24

3.正文内容的性能测试,web开发,java开发,以及右侧的最近文章、文章归档最外层使用的是<main>标签:规定文档的主要内容。其中性能测试,web开发java开发这三部分在一个<section>标签:定义文档中的节(section,区段)。而性能测试、web开发、java开发又单独在<article>标签定义外部的内容(结构元素)右侧的最近文章、文章归档在<aside>标签:定义页面内容之外的内容。 aside的内容与article的内容相关。(结构元素)

<main>

    <section>

      <article>

        <h3>性能测试</h3>

        <p>

         性能测试是通过自动化的测试工具模拟多种正常、峰值以及异常负载条件来对系统的各项性能指标进行测试。负载测试和压力测试都属于性能测试,两者可以结合进行。通过负载测试,确定在各种工作负载下系统的性能,目标是测试当负载逐渐增加时,系统各项性能指标的变化情况。压力测试是通过确定一个系统的瓶颈或者不能接受的性能点,来获得系统能提供的最大服务级别的测试。

        </p>

      </article>

      <article>

        <h3>web开发</h3>

        <p>

          web(World Wide Web)即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构

        </p>

      </article>

      <article>

        <h3>java开发</h3>

        <p>

         Java是一门面向对象编程语言,不仅吸收了C++语言的各种优点,还摒弃了C++里难以理解的多继承、指针等概念,因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表,极好地实现了面向对象理论,允许程序员以优雅的思维方式进行复杂的编程

        </p>

      </article>

    </section>

    <!-- aside内容以外的内容 -->

    <aside>

      <section class="widget">

        <h4>最近文章</h4>

        <ul>

          <li><a href="#">html5的学习</a></li>

          <li><a href="#">javaScript从入门到精通</a></li>

          <li><a href="#">java开发</a></li>

        </ul>

      </section>

      <section class="widget">

        <h4>文章归档</h4>

        <ul>

          <li><a href="#">2016年7月</a></li>

          <li><a href="#">2016年6月</a></li>

          <li><a href="#">2017年1月</a></li>

          <li><a href="#">2017年2月</a></li>

        </ul>

      </section>

    </aside>

  </main>

4.底部内容在<footer>标签:定义 section 或 page 的页脚

  <footer>

    <ul class="links">

      <li><a href="javascript:;">关于我们</a></li>

      <li><a href="javascript:;">服务条款</a></li>

      <li><a href="javascript:;">会员服务</a></li>

      <li><a href="javascript:;">法律声明</a></li>

      <li><a href="javascript:;">隐私声明</a></li>

      <li><a href="javascript:;">广告服务</a></li>

      <li><a href="javascript:;">联系我们</a></li>

      <li><a href="javascript:;">站点地图</a></li>

      <li><a href="javascript:;">信息举报</a></li>

      <li><a href="javascript:;">广告服务</a></li>

      <li><a href="javascript:;">联系我们</a></li>

      <li><a href="javascript:;">站点地图</a></li>

      <li><a href="javascript:;">信息举报</a></li>

    </ul>

    <div class="copyright"> <i>沪ICP备XXXXXXXX号</i> <span>Copyright © 2017 51code.cn  版权所有。 </span> </div>

    <span class="toy"> <a href="http://www.micua.com"><img src="toy.png" alt="hello!"></a> </span>

  </footer>

 


0 0
原创粉丝点击