Как работают браузеры: принципы работы современных веб-браузеров

[Rastishka]

Труд, конечно, монументальный.
Но сползшая верстка на сайте, посвященном верстке — это жесть. =(

[MTonly]

Наглядный пример вёрстки, не рассчитанной на возможную локализацию.
Англоязычная версия страницы отображается корректно.

[den_ru]

Сильный труд.
Респект и уважение!

[Agent_Smith]

Количество костылей в современных браузерах поражает.

[s0rr0w]

Костылей? Можно поподробнее?

[Agent_Smith]

Всякие хаки для поддержки совместимости, превращающие корявую верстку в нормальный вид. Там действительно сотни методов исправляющих ошибки криворуких верстальщиков.

[s0rr0w]

Начнем с того, что этому потакает и сам HTML. Он еще десять лет назад допускал синтаксис, который не допусим по правилам SGML (одиночные теги без закрывающего символа). HTML5 пошел еще дальше, разрешив выкидывать обязательные раннее теги. Так что костыли тут скорее норма, чем что-то из ряда вон выходящее. Какой стандарт, такая и реализация.

Потом, вторая проблема — кросстехнологичность стандартов. CSS одинаковый как для HTML, так и для XML, SVG, MathML и прочих веток. И иногда приходится вставлять костыли для какой-то из технологий, потому что по-другому все банально не будет работать. Один из примеров — COL и COLGROUP. Вы не задумывались, почему эти два тега имеют строго ограниченный список поддерживаемых стилей? Потому что они в дереве стоят раньше, а перекрывать должны стили элементов, что находятся позже. Это мало того, что грубое нарушение всех правил CSS, но еще и проблема с repaint/reflow.

[s0rr0w]

Такие вещи как OMITTAG и NET являются так называемыми features. Это расширение синтаксиса, которое может не понимать парсер. В принципе, NET и не понимают браузеры. Хотя я наверное зря бурчу, буква G как раз указывает на то, что это допустимо, хоть и на уровне фичи.

Про блочную обертку.

Взять тот же BODY.
<!ELEMENT BODY O O (%block;|SCRIPT)+ +(INS|DEL) -- document body -->
Он имел признак не обязательного тега, но вот именно в HTML5 начали диктовать еще и условия, как именно его применять

A body element's start tag may be omitted if the element is empty, or if the first thing inside the body element is not a space character or a comment, except if the first thing inside the body element is a script or style element.

А это грубейшее нарушение правил парсинга SGML, на что и намекали разработчикам стандарта не раз.

[s0rr0w]

Он уходит от синтаксических фич. Правила парсинга, о которых я говорил, описывают не просто общее поведение, а какие-то частности, применимые только в конкретных случаях. В SGML все просто — написано, что можно пропускать открывающий тег, значит можно всегда. HTML спецификация же говорит, что можно это делать только если… И вот это «Если» раздражает. Оно не генерализируемо и не стандартизируемо, имеет сугубо описательную характеристику.

[s0rr0w]

В плане парсинга можно было бы и не изобретать свой велосипед, со спортсменками и бриджем, а взять вполне универсальные, а самое главное простые, XML-правила. Ведь все эти замороченные условия не снимают с парсера работу, а добавляют его. Сделали проще для криворуких кодеров, но хуже для потребителей, браузеры ведь у них на компах тормозят.

[s0rr0w]

Новый стандрарт на то и новый, чтобы исправлять ошибки и недочеты старого. От более строгого синтаксиса никто бы не пострадал.

[s0rr0w]

А его дописали?

[MTonly]

Дописали и прекратили разработку ввиду оторванности от реальности, непригодности для использования и нежелания в этой связи ни одного разработчика браузеров реализовывать его поддержку.

[MTonly]

Вопросы и ответы о будущем XHTML (W3C, англ.)

[excoder]

Modern Web runs on C++.

[igorshubovych]

Только не «содержание перевода», а «перевод содержания»

[bobermaniac]

А есть ли то же самое в PDF?

[merkuriy]

Если вам для печати, то это делается за 5-10 минут с помощью простых манипуляций в HTML через DevTools в браузере и последующей печати (в файл в формате PDF). Вот, я уже подготовил такой PDF (в гуглодоках). Он может подойти и для чтения в электронном варианте, но ссылки в содержании являются не внутренними относительно документа, что может быть неудобным. Возможно есть специализированный софт, который может создать PDF из web-документа, удобный для чтения в электронном виде, но я не озадачивался.

[spmbt]

Найдено на сайте.

> HTML5 Rocks – это проект Google.

Его же закроют. Доведут вёрстку до ума и закроют. Как iGoogle, например.

В последние пару месяцев он начал активно встречаться в поиске по технологиям веба (например, про Indexed DB, но как в стиле стартовых продуктов Гугла, сделан неаккуратно.

[opportunato]

Оригинал очень крутой, спасибо вам за труд, действительно, нечеловеческий объем работы!

[Holden]

Если автор поместит один элемент form внутрь другого такого элемента, последний будет игнорироваться.
if (!m_currentFormElement) { m_currentFormElement = new HTMLFormElement(formTag, m_document); }

как это печально

[ZOXEXIVO]

На самом деле, очень круто, что оперирование такими структурами данных с их размерами (при больших сайтах) происходит довольно-таки быстро и плавно. Flyweight паттерны в действии :)