html 关于HTML5语义的文章的要点

Posted 2021-05-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 关于HTML5语义的文章的要点相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Page Title | Site Name</title>
    <meta name="description" content="page description">
    <link rel="stylesheet" href="style.css">
    <!--[if lt IE 9]>
      <script src="html5shiv.js"></script>
    <![endif]-->
  </head>
  <body>
    <header>
      <hgroup>
        <h1>Page Title</h1>
        <h2>Page Subtitle</h2>
      </hgroup>
    </header>
    <nav>
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
      </ul>
    </nav>
    <section>
      <article>
        <header>
          <h2>Article Title</h2>
        </header>
        <section>
          <p>Paragraph, etc...</p>
        </section>
      </article>
      <article>
        <header>
          <h2>Article Title</h2>
        </header>
        <section>
          <p>Paragraph, etc...</p>
        </section>
      </article>
    </section>
    <aside>
      <h4>Widget title</h4>
      <ul>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
      </ul>
    </aside>
    <footer>
      <small>copyright message</small>
    </footer>
  </body>
</html>

以上是关于html 关于HTML5语义的文章的要点的主要内容，如果未能解决你的问题，请参考以下文章

一站式服务！图片+代码-构建移动版旅游网站页面