HTML

Hyper Text Markup Language

마크업 구성에 가장 많이 사용되는 언어

다른 언어들보다 느슨한 문법을 가지고 있고, 구성에 맞지 않게 요소를 작성하더라도

에러 없이 요소가 제대로 렌더링되거나 에러가 노출되지 않는다.

현재의 HTML 표준 : W3C / WHATWG

HTML의 요소

Content(내용) / Start Tag(시작 태그) / End Tag(종료 태그)

<h1>Hello world</h1>

inline 요소와 block 요소

1. inline 요소

• 태그가 할당된 텍스트나 이미지의 크기에 맞는 필요한 공간만 차지

• 높이나 너비를 지정할 수 없으며 줄 내부 어디서든 시작

  <span>, <button>, <img> ...

2. block 요소

• 태그 시작 시, 무조건 새로운 줄에서 개행되어 시작함

• 너비는 좌우 양쪽으로 부모 요소의 100%를 차지하며 왼쪽에서부터 오른쪽으로 확장

  <div>,<article>,<form> ...

콘텐츠 모델(Content Model)

HTML5에서 요소가 어떤 콘텐츠를 표현할 수 있고, 하위 요소로는 어떤 요소들을 구성하는지를 나타내는 모델

1. Metadata Content

• 콘텐츠의 표시나 동작을 설정하거나 문서와의 관계를 설정하는 요소

2. Flow Content

• 본문에 사용되는 대부분의 요소

3. Sectioning Content

• 아웃라인을 정의하며, Heading / Footer 등의 요소 결정

4. Phrasing Content

• 문서 내의 텍스트를 의미하며 단락을 형성