시맨틱? 의미론적인, 의미가 통하는 ~
사용하는 이유
: 웹 브라우저에 나타나는 모습은 똑같으나 문서를 처리하는 경우 차이가 있다. 태그만 보고 어느 부분인지 쉽게 알 수 있고 필요한 내용을 정확히 찾을 수 있어 편리하다. 또한 시각장애인들이 웹 사이트를 이용할 때 화면 낭독기 등을 이용하는데 내용을 정확히 전달할 수 있다.
< header >
- 머리말에 해당
<form>태그로 검색창을 넣거나<nav>태그를 사용해 메뉴를 넣음
< nav >
- 내비게이션 역할. 동일한 사이트 안의 문서나 다른 사이트의 문서로 연결하는 링크 모음
- 사용하는 위치의 영향을 받지 않음
< section >
- 문서의 콘텐츠 영역
- 콘텐츠를 주제별로 묶을 때 사용. h1~h6 제목 태그를 함께 사용
< aside >
- 사이드바. 본문 이외의 내용
< iframe >
- 외부 문서 삽입
< footer >
- 웹 문서 끝에 위치
- 사이트 제작자의 정보, 저작권 정보 등을 표시
