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

• 콘텐츠 모델
  • 콘텐츠 모델의 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 요소를 가질 수 있다.