이미지 로딩 순서
(CSS vs <img>)
■ Main flow examples
DOM
↓ Layout
HTML → HTML Parse → DOM Tree ↑
↓ ↓
Attachment → Render Tree → Painting → Display
↑
Style → CSS Parser → Style
Sheets Rules
▶ 출력 순서 2) img 태그 이후 CSS 스타일에 의해 이미지가 로딩 및 출력 된다.
CSS style
▶ 출력 순서 1) img 태그가 HTML Parser 에 의해 먼저 파싱되므로 img 이미지가 먼저 로딩 및 출력 된다.
<img> 태그
