html5新增主体结构元素之nav

最新推荐文章于 2019-09-18 23:16:32 发布

csdncsdn9876

最新推荐文章于 2019-09-18 23:16:32 发布

阅读量656

点赞数

分类专栏： html5 文章标签： html5

本文链接：https://blog.csdn.net/csdncsdn9876/article/details/51657542

版权

html5 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

下面的这段代码中，第一个nav中的选项用于跳到其他的页面。下面article中的nav用于跳到本页对应的内容上！

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>nav</title>
  </head>
  <body>
    <h1>我的页面</h1>
    <nav>
      <ul>
        <li><a href="/">主页</a></li>
        <li><a href="/events">开发文档</a></li>
        ...more...
      </ul>
    </nav>
    <article>
      <header>
        <h1>html5 与 css3</h1>
        <nav>
          <ul>
            <li><a href="#HTML 5">HTML5的历史</a></li>
            <li><a href="#CSS 3">css3的历史</a></li>
            ...more...
          </ul>
        </nav>
      </header>
      <section id="HTML 5">
        <h1>HTML 5的历史</h1>
        <p>
          html5是从最早的html逐渐演变过来的哦
        </p>
      </section>
      <section id="CSS 3">
        <h1>CSS 3的历史</h1>
        <p>
          css3发展到今天可以做出很不错的web了。
        </p>
      </section>
      ...more...
      <footer>
        <p>
          <a href="?edit">编辑</a>
          <a href="?delete">删除</a>
          <a href="?rename">重命名</a>
        </p>
      </footer>
    </article>
    <footer>
      <p>
        <small>版权所有：***</small>
      </p>
    </footer>
  </body>
</html>

关于h5中nav的使用注意点！不要用menu元素代替nav元素。menu元素用在一系列发出命令的菜单上，是一种交互性的元素。应该使用在web应用程序中。

csdncsdn9876

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html5新增主体结构元素之nav

下面的这段代码中，第一个nav中的选项用于跳到其他的页面。下面article中的nav用于跳到本页对应的内容上！<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>nav</title> </head> <body> <h1>我的页面</h1> <nav> <ul>
复制链接

扫一扫