브라우저 렌더링

https://d2.naver.com/helloworld/59361

1. 문맥자유문법
   정의 : BNF(구문 문법) 으로 표현 가능한 문법
   종류: 상향식 파서-상위에서 일치하는 요소 찾기 / 하향식 파서-하위에서 일치하는 요소 찾기

2. HTML
   문맥 자유 문법X . DTD(문서 형식 정의) 사용.
   이유: 너그러운 HTML형식, 오류 내부 처리 -> 정규화 불가

3. CSS
   문맥 자유 문법O. 웹킷은 CSS 문법 파일로부터 자동으로 파서를 생성하기 위해 플렉스와 바이슨 파서 생성기(상향식 감소)를 사용한다.
   예측파싱X (이유:스크립트가 문서를 파싱하는 동안 스타일 정보를 요청하는 경우 문제가 됨. 웹킷은 로드되지 않은 스타일 시트 중 문제가 될만한 속성이 있을 때 스크립트를 중단한다.)

4. js
   예측 파싱O(스크립트를 실행하는 동안 다른 스레드는 네트워크로부터 다른 자원을 찾아 내려받고 문서의 나머지 부분을 파싱. 자원 병렬 연결 받기 가능하며 전체적인 속도를 개선한다. )

5.진행순서
웹: 파싱과 실행이 동시에 수행되는 동기화(synchronous) 모델