목차
접기
728x90
반응형
시맨틱 태그
- 시맨틱 태그를 사용한 시맨틱 웹 구현
header ①
nav ②
aside ③
section ④
article ⑤
article ⑤
article ⑤
aside ③
footer ⑥
태그 설명
| 태그 | 설명 |
|---|---|
| ① header | 머리말(페이지 제목, 페이지 소개) |
| ② nav | 하이퍼링크들을 모아 둔 내비게이션 |
| ③ aside | 본문 흐름에 벗어나는 노트나 팁 |
| ④ section | 문서의 장이나 절에 해당하는 내용 |
| ⑤ article | 본문과 독립적인 콘텐츠 영역 |
| ⑥ footer | 꼬리말(저자나 저작권 정보) |
728x90
반응형
LIST
'HTML, CSS' 카테고리의 다른 글
| fieldset, legend 태그 사용하기 / HTML5의 대표적인 공간 분할 태그(div, span) (0) | 2021.06.02 |
|---|---|
| 시맨틱태그_적용한 HTML5 문서 구조 (0) | 2021.06.02 |
| select tag의 optgroup, label 사용하여 셀렉트 그룹 만들기 (0) | 2021.06.02 |
| select태그 기초와 multiple 속성 (0) | 2021.06.02 |
| 폼태그 기초 시작(input type=button/reset/submit/image/text/password/checkbox/radio/file/hidden... (0) | 2021.06.02 |