HTML

요소를 사용하는 방법

HTML <article> 사용 방법 알아보기 요소.

HTML <article> 태그는 자체 포함에 대한 기사 요소를 정의하는 데 사용됩니다. 콘텐츠. 독립형이란 기사 요소에 넣은 콘텐츠가 웹사이트의 나머지 부분과 독립적으로 작동해야 함을 의미합니다.

HTML

태그 사용 방법

<article>의 사용 사례 태그:

• 블로그
• 잡지
• 뉴스 사이트

<main>과 달리 콘텐츠 컨테이너이기도 한 요소인 <article> 태그는 동일한 HTML 문서 내에서 한 번 또는 여러 번 사용할 수 있습니다.

예를 들어, 단일 <article>를 사용할 수 있습니다. 기사/게시물에 대한 기본 페이지 컨테이너 요소로서의 요소:

<article>
  <h1>Title of your post</h1>
  <p>Paragraph</p>
  <p>Paragraph</p>
  <img href="your-image.jpg" alt="description of image" />
  <p>Paragraph</p>
  <p>Paragraph</p>
</article>

오른쪽에서 읽고 있는 웹사이트는 유사한 HTML 마크업 구조를 따릅니다. 이 웹사이트를 마우스 오른쪽 버튼으로 클릭하고 검사를 클릭하면 직접 확인할 수 있습니다.

<article> 요소는 각각 고유한 기사 요소 내부에 있는 서로 다른 콘텐츠 목록을 표시하는 데 사용할 수도 있습니다. 예를 들어 개별 게시물에 대한 링크가 있는 기사 피드:

<div>
  <article>
    <a href="/path-to-blog-post-1">
      <h3>Blog post 1</h3>
    </a>
  </article>
  <article>
    <a href="/path-to-blog-post-2">
      <h3>Blog post 2</h3>
    </a>
  </article>
  <article>
    <a href="/path-to-blog-post-3">
      <h3>Blog post 3</h3>
    </a>
  </article>
</div>

위의 세 기사 각각은 웹 브라우저에서 독립적이고 독립적인 콘텐츠로 읽힙니다.

<article> 태그는 컨테이너 요소를 정의하는 데 사용되는 많은 HTML 태그 중 하나입니다. 가장 일반적으로 사용되는 HTML 컨테이너 요소는 다음과 같습니다.

<section> , <main> , <header> , <footer> ,<form> , 및 <div> (다른 태그가 적용되지 않는 경우 사용하는 일반 태그입니다.)