https://developer.mozilla.org/ko/docs/Web/HTML/Element/article

https://developer.mozilla.org/ko/docs/Web/HTML/Element/section

article은 제목을 가진 독립적인, 재사용 가능한 범위를 나타낸다. 

section은 제목을 가진 범위를 나타낸다.

div는 일반적인 구역을 나타낸다.

범위는 article < section < div 이다.

https://developer.mozilla.org/ko/docs/Web/HTML/Element/Heading_Elements

- 제목을 나타낼 때 사용한다.

- <h1></h1> 와 같이 사용

사용 시 주의사항

* h1부터 h6까지 기본 크기를 가지고 있지만 css에서 크기를 재지정하고 사용하는 것이 바람직하다. 단, 글자를 키우기 위해서 h 태그를 사용하지는 않는다. '제목'이라는 기능에 충실하도록 써야 한다.

* 단계를 건너뛰지 않는다. (h1 하위에 바로 h3을 놓는 것 등을 하지 않는다) 브라우저들이 해석하면서 문제가 생길 수 있기 때문.

* h1은 페이지당 하나만 사용하는 것이 바람직하다.

https://developer.mozilla.org/ko/docs/Web/HTML/Element

블록 요소

- div, h1, p 등

- 사용 가능한 최대 가로 너비를 시작한다.

- 크기를 지정할 수 있다.

- width 100%; height: 0;로 시작한다고 생각하면 된다.

- 수직으로 쌓인다.

- margin, padding 위, 아래, 좌, 우 사용 가능

- 레이아웃을 잡는 용도

인라인 요소

- span, img 등

- 필요한 만큼의 너비를 사용한다.

- 크기를 지정할 수 없다.

- width 0; height: 0; 로 시작한다고 생각하면 된다.

- 수평으로 쌓인다.

- margin, padding 위, 아래는 사용할 수 없다. (padding의 아래는 시각적으로 표현이 되지만 실제로는 다른 요소와의 거리를 부여하지 못한다.)

- 텍스트를 작업하는 용도

블록 요소, 인라인 요소는 css의 display 속성으로 변경 가능하다.