Sections



出典:WENIV DB

出典:済州コード大本営

<body>


実際のユーザーが見たドキュメントの内容を表す要素.

<article>


独立パーティションまたは再利用可能なパーティション(任意のページで独立して使用可能な場合に使用!!)

<section>


通常、関連ドキュメントのパーティションを分割するために使用される要素です.

💡 section vs article

  • article要素は、他のサービスとは独立したコンテンツ
  • である.
  • section要素は、サイト内の関連コンテンツ(他のサービスにインポートするとおかしい)
  • である.
  • 記事とsection要素はheading要素と一緒に使用することを推奨します(高さが空でない場合があります)
  • <header>


    特定のコンテンツの先頭を表す要素.通常はセクションタイトルを含む

    <h1> ... <h6>


    見出しは、見出しを指定するために使用されます.<h1>내용</h1> ~ <h6>내용</h6>までは重要度に応じて使用され、単純に拡大や太字化のために使用されるものではない.<h1>要素は1ページに1回のみ使用することを推奨します.

    <nav>


    nav(ナビゲーション、ナビゲーション)要素は通常メニューに使用されます
    <nav>
        <a href="https://paullab.co.kr">바울랩</a>
        <a href="https://naver.com">네이버</a>
        <a href="https://google.com">구글</a>
    </nav>

    <aside>

  • その内容に関係のない
  • は通常、サイドバーまたは広告エリア
  • として使用する.

    <footer>


    フッター要素が属する最近のパーティションの作成者情報、著作権、関連リンクなどの内容を含むパーティション要素.

    <address>


    最近の親プロジェクトまたはbody要素の連絡先を示します.
    最近の親要素がbodyの場合、ドキュメント全体の連絡先情報が表示されます.
    連絡先情報には、電話番号、メールアドレス、メールアドレスなどが含まれます.
    <address>
      <a href="http://www.somedomain.com/contact">
      홈페이지</a>.<br>
    	<a href="mailto:[email protected]">
      메일 주소</a>.<br>
      오시는 길:<br>
    	제주특별자치도 제주시 동광로 137
    </address>