Web/HTML
[부스트코스] 비전공자를 위한 HTML/CSS - 3강 콘텐츠모델, 시멘틱마크업, 블록 & 인라인
권멋져
2022. 5. 17. 16:31
- 콘텐츠 모델
- 콘텐츠 모델의 7 분류
- Metadata Content : 콘텐츠의 style, script를 설정 하거나 다른 문서와의 관계 등의 정보를 포함하는 요소
- Flow Content : 문서에 사용되는 대부분의 요소
- Sectioning Content : 헤딩과 푸터의 범위를 결정하는 요소, 아웃라인이 있음
- Heading Content : 섹션의 헤더를 정의하는 요소
- Phrasing Content : 문서의 텍스트이며 문단 내부 레벨로 마크업하는 요소
- Embedded Content : 외부 컨텐츠를 표현하는 모델
- Interacitve Content : 사용자와 상호작용하는 요소
- 시멘틱 마크업
- 컴퓨터(브라우저)가 잘 이해할 수 있는 코드
- 의미에 맞는 요소를 사용
- 문서의 구조화
- 인간과 기계가 모두 이해할 수 있는 것이 목표
- block & inline
- block 레벨 요소 : 한 줄에 하나의 요소 표시
- inline 레벨 요소 : 한 줄에 여러개의 요소 표시
- block 가 inline 로 들어갈 수 없다.
- 단, <a> 에서는 block 요소를 가질 수 있다.