티스토리 뷰
<nav>, <section>, <article>, <aside>
sectioning content는 제목과 그 내용을 포함한 범위를 지정하는 콘텐츠를 나타낸다.
모든 sectioning content는 heading과 outline을 가진다.
*heading과 outline의 차이를 모른다면 링크의 "Q. 앞에 있는 번호들은 무엇인가요?" 참고
01. <header>를 sectioning content내에 사용 할 수 있다.
<section>
<header>
section 안의 header는 section의 제목, 작성자 이름 등이 포함될 수 있다.
</header>
</section>
<header>는 반드시 섹션의 시작 부분에 배치돼야 하는 것은 아니다.
02. <footer>를 sectioning content내에 사용 할 수 있다.
<section>
<footer>
section 안의 footer에는 section의 게시 날짜, 라이센스 정보 등이 포함될 수 있다.
</footer>
</section>
<footer>역시 반드시 섹션의 끝 부분에 배치돼야 하는 것은 아니다.
주의사항
sectioning content와 sectioning root의 범주와 혼동하지 마십시오.
참고
developer.mozilla.org/en-US/docs/Web/HTML/Element/header
developer.mozilla.org/en-US/docs/Web/HTML/Element/footer
developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines
'이론 > HTML' 카테고리의 다른 글
[HTML] <table> 관련 (0) | 2021.07.07 |
---|---|
[HTML] Q. <img>와 background-image는 언제 사용해야 하나요? (0) | 2021.03.07 |
[HTML] sectioning root (0) | 2021.01.29 |
[HTML] 콘텐츠 섹션화, outline (0) | 2021.01.29 |
[HTML] <form> (0) | 2021.01.21 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- offsetHeight
- prototype 프로퍼티
- scrollHeight
- 대괄포 표기법
- 불일치 연산자
- property
- javascript class
- 동치 연산자
- 동등 연산자
- innerHeight
- 점 표기법
- 일치 연산자
- 부등 연산자
- clientHeight
- clinetTop
- 링크막기 #a링크막기
- __proto__
- offsetTop
- outerHeight
- 프로퍼티
- constructor
- @font-face
- scrollTop
- 객체의 프로퍼티
- [[Prototype]]
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함