본문 바로가기
Q&A2018년 3월 8일1분 읽기

HTML5 시맨틱 태그 정리

프
프론트초보
조회 2139댓글 1

HTML5에서 새로 추가된 시맨틱 태그들이 있다고 하는데, header, footer, nav, article, section, aside 등의 차이점과 올바른 사용법을 알고 싶습니다.

div 대신 시맨틱 태그를 쓰면 SEO에도 도움이 되나요?

댓글 1

서서버지기영호8년 전

네, SEO와 접근성 모두에 도움됩니다. article은 독립적으로 의미 있는 콘텐츠, section은 주제별 그룹, nav는 네비게이션 링크 모음에 사용합니다. 스크린 리더도 시맨틱 태그를 인식하여 사용자에게 구조를 알려줍니다.

Ctrl+Enter로 등록