Web/HTML

[부스트코스] 비전공자를 위한 HTML/CSS - 3강 콘텐츠모델, 시멘틱마크업, 블록 & 인라인

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