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

来源:互联网 发布:华为交换机端口ip 编辑:程序博客网 时间:2024/06/06 03:29

我们都知道在HTML5中增加了很多新的标签,这些标签减少了代码量,更有助于移动app的开发。那么下面我们就来看一下如何使用这些新的标签。

这里我们通过一个简单的网页来理解如何使用这些标签


1.网页的标题51code,使用的是<header>标签: 定义网页的标题

<header>

    <h1>51code</h1>

  </header>

2.导航文件的编辑,视图,项目,生成,调试,团队,使用的是<nav>标签: 定义导航

<nav>

    <ul>

      <li><a href="#">文件</a></li>

      <li><a href="#">编辑</a></li>

      <li><a href="#">视图</a></li>

      <li><a href="#">项目</a></li>

      <li><a href="#">生成</a></li>

      <li><a href="#">调试</a></li>

      <li><a href="#">团队</a></li>

    </ul>

  </nav>

0 0