レイアウトツリーlayout tree

レイアウトツリーは、ブラウザーのレンダリングエンジンがHTML文書のDOMとCSSのスタイル情報をもとに作るツリー構造である。画面に実際に表示される要素だけを含み、各要素の大きさや位置などの配置情報を計算して保持する。ブラウザーはこの構造を使ってページを画面に描画する。

文書のすべての要素を含むDOMと異なり、表示されない要素は含まれない。エンジンによってはレンダーツリーとも呼ばれる。

この説明は、AIPOSTの記事と広く知られた事実をもとにまとめたものです。誤りがあれば訂正依頼でお知らせください。