Сегодня мы рассмотрим такую тему, как верстка макета дизайна на языке HTML для новичков. В современном мире интернетом пользуются более 2 млрд. человек, при этом каждый выбирает собственный, удобный для него браузер, в котором ему удобно просматривать сайты во всемирной паутине. Данный факт заставляет верстальщиков особенно внимательно относится к кроссбраузерной верстке, то есть составлять свои шаблоны так, чтобы большинство просматривающих сайт видели на своем экране идентичную картинку все зависимости от установленного браузера.
Кроссбраузерная верстка сайта – это такой способ написания кода, в котором учтены особенности всех самых распространенных интернет-обозревателей. Довольно сильно усложняет задачу единого отображения сайта большой разброс по производителям обозревателей. В данное время современные браузеры отлично распознают валидный, что означает правильно написанный веб-мастером код, а также обладают широким функционалом.
Каковы самые распространенные причины неудачной кроссбраузерной верстки?
- Во-первых это особенности разных версий браузеров.
Обычно именно в таких программах можно найти огромное количество недостатков, и именно они находят эти недостатки в современных шаблонах сайтов. Как уже было сказано выше, прежде всего, это всем знакомые старые версии IE, проблемы с которыми решаются довольно легко, но все же отнимают много времени. Так, например, для использования gif картинки на прозрачном фоне в IE6 необходимо подключать определенный скрипт, а для решения более крупных задач и вовсе иногда приходится выводить дополнительный файл стилей.
- Нестандартный код
К счастью верстальщиков, в последнее время разработчики браузеров все таки пришли к тому, чтобы взять за основу своих продуктов стандарты языка HTML. Это означает, что теперь большинство обозревателей будут правильно отображать валидный код, написанный верстальщиком. Впрочем, тут иногда виноваты и сами верстальщики, когда они не учитывают этих стандартов валидности и пишут то, чего не могут воспринять современные интернет — браузеры.
Но с появлением таких функциональных дополнений как Firebug, а так же сервисов для проверки кода, определить, что в коде есть ошибки не сложно.
- Разные стандартные значения у браузеров
Обычно, при верстке шаблона, вебмастеру не приходится менять значения которые установлены по умолчанию, поэтому шрифты и оформление некоторых элементов сайта остаются на усмотрение интернет-браузеров. Проблема заключается в том, что у разных интернет-обозревателей разные представления о том какие должны быть цвета, толщина линий, размеры картинок итд. И, по-этому валидный код, в котором верстальщик учел все особенности старых браузеров, может получить совсем не тот результат, который ожидал.
Чтобы устранить такие ошибки, необходимо задавать значения как можно большему количестве атрибутов. Чаще всего верстальщики делают это в файле стилей для элемента body, что автоматически задаст значения для всех остальных блоков кода.