Как работает механизм компоновки?

Question

Мне очень интересно, как веб-страница анализируется в дереве DOM, а затем, как дерево отображается в веб-браузере. А именно, как работает механизм верстки?

Я предполагаю, читать ли исходный код простого веб-браузера (Webkit слишком сложен для меня сейчас. ) это выполнимый выбор? Спасибо

Answer 1

Парсинг веб-страницы в DOM-дерево не очень сложен для понимания, так как (правильно сформированный) HTML уже находится в древовидной структуре.Так что я не думаю, что в этом есть что-то еще, кроме случаев, когда вы хотите добавить в дерево такие вещи, как CSS, условный код и скрипты.

Компоновка и рендеринг - гораздо более сложная задача.Если вы не готовы погрузиться непосредственно в код, вы можете прочитать их документы:

WebKit Макет и рендеринг

Answer 2

Вы также можете перейти по этой ссылке, которая имеет отличное объяснение и обзор соответствующего вопроса.http://www.html5rocks.com/en/tutorials/internals/howbrowserswork/

Answer 3

Страница, на которую ссылается @binariedMe, хороша для понимания повествования, когда браузер анализирует HTML, а затем применяет правила макета. Если вы хотите получить более твердую мысленную модель этих правил, вы должны прочитать http://book.mixu.net/css/