Лучшие публикации Новые публикации Поиск

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

Kisik-228
9 апреля 2018 в 23:19
Секреты 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() { код стиля }.

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

1
Комментарии
Авторизуйтесь, чтобы оставлять комментарии на сайте.
Похожие публикации