Front-End

시맨틱 태그

NellKiM 2024. 10. 31. 12:24
  • <header>: 페이지나 섹션의 헤더 부분을 나타내며, 로고, 네비게이션 메뉴, 제목 등을 포함할 수 있습니다.
  • <nav>: 네비게이션 링크 모음을 정의합니다. 주로 사이트나 섹션의 주요 링크가 여기에 포함됩니다.
  • <main>: 문서의 주요 콘텐츠를 나타내며, 페이지의 핵심 콘텐츠가 들어갑니다. 하나의 문서에 단 하나만 사용 가능합니다.
  • <section>: 문서의 논리적인 구획을 나눌 때 사용합니다. 주제별 콘텐츠를 그룹화할 때 유용합니다.
  • <article>: 독립적으로 구분할 수 있는 콘텐츠를 나타냅니다. 블로그 게시물이나 뉴스 기사, 댓글 등이 여기에 해당할 수 있습니다.
  • <aside>: 본문과 직접적으로 관련이 없거나 보조적인 정보를 나타냅니다. 사이드바나 관련 링크 등을 포함할 수 있습니다.
  • <footer>: 페이지나 섹션의 바닥글을 정의합니다. 작성자 정보, 저작권 정보, 링크 등이 포함될 수 있습니다.
  • <figure><figcaption>: 이미지, 다이어그램, 코드 블록 등과 같은 콘텐츠를 포함하며, figcaption은 해당 콘텐츠의 설명을 덧붙일 때 사용됩니다.
  • <mark>: 문서에서 중요한 텍스트를 강조할 때 사용합니다.