, , , sectioning content는 제목과 그 내용을 포함한 범위를 지정하는 콘텐츠를 나타낸다. 모든 sectioning content는 heading과 outline을 가진다. *heading과 outline의 차이를 모른다면 링크의 "Q. 앞에 있는 번호들은 무엇인가요?" 참고 01. 를 sectioning content내에 사용 할 수 있다. section 안의 header는 section의 제목, 작성자 이름 등이 포함될 수 있다. 는 반드시 섹션의 시작 부분에 배치돼야 하는 것은 아니다. 02. 를 sectioning content내에 사용 할 수 있다. section 안의 footer에는 section의 게시 날짜, 라이센스 정보 등이 포함될 수 있다. 역시 반드시 섹션의 끝 부분에..
섹션화란? 책의 목차를 빗대어 말하자면, 상단 이미지의 title 하나 하나가 섹션화 된 것이다. 책의 구성(섹션)을 나누고, 구성(섹션)의 제목을 붙이 듯. HTML문서 또한 자동으로 문서의 목차가 만들어 진다. 눈에는 보이지 않기 때문에 아래의 "HTML 5 Outliner"를 사용해서 섹션화된 콘텐츠를 확인할 수 있다. 빨간색 박스에 아래의 코드를 넣어보자. Outline this!를 클릭하면 아래와 같은 결과가 나온다. 빨간색 박스에 아래의 코드를 넣어보자. Q. 최상단에 있는 1.은 무엇인가요? HTML문서의 제목을 뜻한다. 사이트의 제목 사이트의 제목 위의 방법들을 통해서 알 수 있듯이 는 섹션화하지 않고, 은 섹션화한다. Q. 앞에 있는 번호들은 무엇인가요? section이 가지고 있는 ou..
- Total
- Today
- Yesterday
- 부등 연산자
- scrollHeight
- clinetTop
- 불일치 연산자
- [[Prototype]]
- offsetHeight
- offsetTop
- 동치 연산자
- 대괄포 표기법
- innerHeight
- clientHeight
- constructor
- 일치 연산자
- prototype 프로퍼티
- 프로퍼티
- javascript class
- 객체의 프로퍼티
- 링크막기 #a링크막기
- 동등 연산자
- scrollTop
- outerHeight
- __proto__
- 점 표기법
- property
- @font-face
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |