Ускорение загрузки веб-страниц

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

Таблицы стилей и скрипты клиентской стороны в данном случае, как правило, выносятся во внешние файлы. Каждый такой файл связан обычно с множеством HTML-страниц. Кэширование такого файла браузером исключает необходимость его повторной загрузки с каждой вновь открываемой страницей сайта.

Все это очевидным образом уменьшает объем данных, передаваемых от сервера клиенту, что, разумеется, способствует ускорению загрузки страниц.

Облегчение машинной обработки

Страницы сайтов активно обрабатываются различными машинными средствами — например, роботами поисковых систем, новостными агрегаторами и прочими подобными изобретениями.

Чем лучше структурирован контент, чем больше дополнительных уровней семантики содержит описание его структуры и чем меньше ошибок содержит код разметки, тем более качественно соответствующая страница может быть обработана автоматическими средствами.

Бо́льшая гибкость в отношении различных сред и устройств

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

Многие разработчики до сих пор по инерции делают разные страницы с разными URL и одним содержанием, необоснованно заставляя пользователей разбираться со ссылками или кнопками в духе «Версия для печати», «Версия для КПК», «Обычная версия» для переключения между ними.

Лучшая доступность для пользователей с ограниченными возможностями

Хорошая разметка более адекватно обрабатывается речевыми браузерами, крайне важными для незрячих и слабовидящих людей. Четкое описание структуры позволяет программам синтеза речи выделять те или иные смысловые единицы контента интонационно.

Сохранение структуры контента простой и линейной гарантирует, что при просмотре с отключенными стилями или с применением пользовательской таблицы стилей (а слабовидящие люди часто пользуются такой возможностью) все содержимое страницы можно будет вполне комфортно, в адекватной последовательности прочесть.

Доступность контента для пользователей устаревших браузеров

Веб-страницы, созданные в соответствии с духом современных веб-стандартовболее выигрышно выглядят в устаревших, а также консольных (то есть работающих только в текстовом режиме) браузерах, в функционально ограниченных браузерах не слишком новых мобильных устройств. Им заведомо проигрывают страницы, сверстанные с пренебрежением принципом разделения контента и представления и при этом заведомо «заточенные» только под современные графические браузеры.

Даже если речь идет об HTML5, новые структурные элементы которого неведомы старым браузерам, контент, аккуратно размеченный с использованием известных тегов <h1>…<h6>, <p> и им подобных, прекрасно отобразится со стилем по умолчанию даже в браузере эпохи HTML 2.0. По крайней мере, текст основного содержания страницы всегда можно будет прочесть, причем вполне комфортно.

Гарантировать это для страницы, сверстанной, скажем, с применением множественных вложенных таблиц, да еще и с ошибками в коде разметки, в общем случае нельзя.

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

Гарантированная совместимость верстки с современными браузерами и последующими их версиями

Если страницы сайта сверстаны с соблюдением всех формальных правил спецификаций W3C, во всех современных браузерах, поддерживающих соответствующие спецификации, сайт будет выглядеть так, как задумано разработчиками. Более того, он будет выглядеть точно так же и в последующих, пока еще не существующих, разновидностях и версиях браузеров при условии исправной имплементации ими использованных при разработке сайта стандартов.