[HTML] aside와 함께 사용하는 article, section 태그

yyezzzy 2024. 6. 10. 15:19

aside와 article을 함께 사용한 예제

<body>
  <article>
    <h1>Main Article Content</h1>
    <p>This is the main content of the article. It contains the primary information and details on the topic being discussed.</p>
  </article>

  <aside>
    <h2>Related Articles</h2>
    <ul>
      <li><a href="#">Related Article 1</a></li>
      <li><a href="#">Related Article 2</a></li>
      <li><a href="#">Related Article 3</a></li>
    </ul>
  </aside>
</body>

aside와 section을 함께 사용한 예제

<body>
  <section>
    <h1>Section Main Content</h1>
    <p>This is the main content of the section. It covers a specific part of the content that can be logically grouped together.</p>
  </section>

  <aside>
    <h2>Additional Information</h2>
    <p>This aside contains additional information related to the section above. It can include links, references, or other supplementary material.</p>
  </aside>
</body>

설명

aside와 article 예제:
- article 태그는 독립적인 콘텐츠 블록을 나타내며, 주로 블로그 포스트, 뉴스 기사 등의 주요 콘텐츠를 담습니다.
- aside 태그는 이 주 콘텐츠와 관련된 보조 정보를 제공합니다. 여기서는 관련 기사 목록을 포함하고 있습니다.
aside와 section 예제:
- section 태그는 콘텐츠의 논리적인 구역을 나타내며, 관련된 콘텐츠를 그룹화하는 데 사용됩니다.
- aside 태그는 이 구역과 관련된 추가 정보를 제공합니다. 여기서는 관련 정보를 포함하고 있습니다.