Секреты HTML верстки

 Начну, пожалуй, с начала..

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

Сегодня каждый начинающий верстальщик все чаще сталкивается с проблемами кроссбраузерности, потому как их, браузеров, развелось очень много, а единого подхода к выводу интернет-страницы нету. Поэтому и получается, что верстая страницу под ИЕ, программист получает кривую странице под Firefox или Opera, или Safari. Но чтобы этого избежать, необходимо писать код продуманно и правильно. Но что делать, если корректно написанный код работает некорректно в разных браузерах? Для этого существуют секреты верстки.В простонародии эти "секреты" называются CSS-хаками - специальные команды, запрещающие или разрешающие обработку того или иного кода какому-либо из браузеров. Ими не стоит злоупотреблять, лучше всего их использовать только в безвыходном положении. Так, к примеру, бразер ИЕ версии 6 - это ужас для всех верстальщиков. Для того, чтобы в нем страница отображалась нормально, потребуется немало времени и нервов. Чтобы задать CSS стиль только для ИЕ 6, необходимо перед командой поставить знак "тире" (пример: -background:#FFF; ) Эту команду сможет прочесть только ИЕ 6. Для 7-й версии все немножко сложнее - перед названием стиля необходимо добавить "*+html", а для 8-й версии два слеша с нулем в конце строки (пример: background: #FFF\0/;). Opera воспринимает те стили, перед названием которых есть команда *|html[xmlns*=""]. Стили для Mоzilla Firefox заключены в специальных тег: @-moz-document url-prefix() { код стиля }. 

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