반응형
의미론적 태그란?
문서의 정보를 보다 잘 표현하기 위해서는 단순히 태그를 쓰는 것이 아닌 의미에 맞는 태그를 잘 사용해야 한다.
그래서 웹 페이지의 정보에 따라 고려하여 의미론적 태그를 해주는 데 직접적 효과가 있는 것은 아니지만 이 웹 페이지에서 이러한 정보라는 의미가 있다는 표식이라는 것에 의미를 둘수 있다.
article | 본문 |
aside | 광고와 같이 페이지의 내용과는 관계가 적은 내용들 |
details | 기본적으로 표시되지 화면에 표시되지 않는 정보들을 정의 |
figure | 삽화나 다이어그램과 같은 부가적인 요소를 정의 |
footer | 화면의 하단에 위치하는 사이트나 문서의 전체적인 정보를 정의 |
header | 화면의 상단에 위치하는 사이트나 문서의 전체적인 정보를 정의 |
main | 문서에서 가장 중심이 되는 컨텐츠를 정의 |
mark | 참조나 하이라이트 표시를 필요로 하는 문자를 정의 |
nav | 문서의 네비게이션 항목을 정의 |
section | 문서의 구획들을 정의 (참고) |
time | 시간을 정의 |
출저 : 생활 코딩
반응형
'프로그래밍 개발 > HTML' 카테고리의 다른 글
HTML a 태그 (0) | 2020.10.16 |
---|---|
HTML 검색엔진 최적화 (구글) (0) | 2020.10.16 |
HTML meta 태그 (0) | 2020.10.16 |
HTML form(입력 양식) 파일 전송하기 (0) | 2020.10.16 |
HTML form(입력 양식) method (0) | 2020.10.16 |
댓글