Younho9 Notes브라우저 렌더링 3
Title
브라우저 렌더링 3
Category
BrowserTags
Aliases
브라우저 렌더링 3레이아웃(Layout)레이아웃(Layout) 단계Related
Created
2 years ago
Updated
last year
입력 : 렌더 트리 출력 : Layout 트리
- 렌더 트리의 루트부터 각 노드와 노드의 스타일을 보고 정확한 위치와 크기를 계산한다.
- 레이아웃 트리는 DOM 트리와 유사할 수 있지만 페이지에 보이는 정보만 담고 있다.
<head>,<script>,display: none속성이 적용된 태그는 렌더 트리에서 제외된다.visibillity: hidden은 포함된다.- display vs visibillity