Brower의 동작

* How Browsers Work: Behind the scenes of modern web browsers
https://web.dev/howbrowserswork/

How browsers work

web.dev

문자 단위로 하나하나 해석, 의미를 파악하여 어떠한 데이터 객체로 구조화시키는 것
To parse is to break up a sentence or group of words into separate components, including the definition of each part's function or form. The technical definition implies the same concept. Parsing is used in all high-level programming languages.

Webkit main flow

Render tree : The render tree is a culmination of the DOM and CSSOM trees. The render tree is the one that is actually rendered onto the page. / The render tree holds all the visible nodes with content and computed styles — matching up all the relevant styles to every visible node in the DOM tree, and determining, based on the CSS cascade, what the computed styles are for each node.

<html>
  <body>
    <p>
      Hello World
    </p>
    <div> <img src="example.png"/></div>
  </body>
</html>

⬇️