HTMLの基本構造を考えてみた

HTML&CSS

これまでに学習をして学んだ事ですが

HTMLの構造を考えてみました

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Document</title>
  <link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
    <header>
      <h1>見出し1</h1>
      <p>段落</p>
      <nav> 
        <ul>
          <li>メニュー1</li>
          <li>メニュー2</li>
          <li>メニュー3</li>
        </ul>
      </nav>
    </header>
    <main><!--文書の <body> の主要な内容を表します-->
      <article><!--記事コンテンツ要素-->
        <h2>見出し2</h2>
        <p>段落</p>
      </article>

      <section><!--汎用セクション要素-->
        <h3>見出し3</h3>
        <ul>
          <li>リスト1</li>
          <li>リスト2</li>
          <li>リスト3</li>
        </ul>
      </section>

      <aside><!--余談要素-->
        <p>asideでは、article等でコラム的な内容を記載する</p>
      </aside>
    </main>
    <footer>
      <span>&copy; 2022 プログラミング学習やるぜ All Rights Reserved. </span>
    </footer>
</body>
</html>

上記のコードは、これを頭においてコーディング作業を出来たらと思います

注意しなければいけない点は、全てのタグが毎回必ず登場するものでは無いと言うこと

作成するサイトの記事内容に応じて省略することも含めて考える必要があると思います

コメント