티스토리 뷰

이론/HTML

[HTML] sectioning content

millfeel1298 2021. 1. 29. 19:20
<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
링크
«   2024/05   »
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
글 보관함