Kimsora✨
Published 2022. 8. 25. 16:01
시맨틱 요소 HTML
320x100
반응형

시멘틱(semantic) 요소란 그 자체에 의미를 가지고 있는 의미론적 요소를 말한다. 자신이 사용된 의미를 명확히 전달해 주는 요소를 의미한다

 

 

 

  • <article> : 독립적이고 자체 포함된 콘텐츠를 지정합니다.
  • <aside> : 본문의 주요 부분을 표시하고 남은 부분을 설명하는 요소입니다. 특별한 일이 아니면 사이드바나 광고창 등 중요하지 않은 부분에 사용됩니다.
  • <footer> : 일반적으로 페이지나 해당 파트의 가장 아랫부분에 위치하며, 사이트의 라이선스, 주소, 연락처 등을 넣을 때 사용합니다.
  • <header> : 일반적으로 페이지나 해당 섹션의 가장 윗부분에 위치하며, 사이트의 제목이 보통 들어갑니다. 선택적으로 상단바나 검색창 등이 안에 들어갈 수 있습니다.
  • <nav> : 내비게이션(navigation)의 약자로, 일반적으로 상단바 등 사이트를 안내하는 요소에 사용됩니다. 보통은 안에 <ul>을 넣어 목록 형태로 사용합니다.
  • <main> : 문서의 주된 콘텐츠를 표시합니다.
728x90
반응형

'HTML' 카테고리의 다른 글

HTML 기본  (0) 2022.08.25
profile

Kimsora✨

@sorarar

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!

검색 태그

WH