HTML5에서는 <article> 태그를 사용하여 기사 콘텐츠를 추가할 수 있습니다.
article 태그란?
HTML의 <article> 태그는 블로그 게시물, 포럼 글, 신문 기사 등 독립적으로 구분되는 콘텐츠를 나타낼 때 사용됩니다. 이 태그는 사이트, 문서, 페이지 또는 애플리케이션 안에서 그 자체로 완결된 하나의 콘텐츠 덩어리(self-contained composition)를 정의합니다.
article 태그의 주요 사용 사례
- 블로그 포스트
- 뉴스 기사
- 포럼 게시글
- 사용자 리뷰나 댓글
예제 코드
다음 코드를 실행하면 HTML5에서 기사를 추가하는 방법을 직접 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML Article Tag</title> </head> <body> <article> <h2>PHP</h2> <p>PHP is PHP Hypertext Preprocessor</p> </article> </body> </html>
정리
<article> 태그는 콘텐츠의 의미를 명확하게 전달하여 검색 엔진 최적화(SEO)와 웹 접근성 향상에도 도움이 됩니다. 단순히 <div>로 감싸는 것보다 시맨틱한 마크업을 작성하는 것이 좋은 웹 개발 습관입니다.