Блочная модель
Одна из ключевых особенностей cемантической валидной верстки — использование правильной блочной модели. Рассмотрим на примере, как она работает.
Читать дальше →
Записи в разделе 'css'
Семантическая верстка — советы и решения. Часть третья. Блочная модель
22 декабря 2007 · HTML/CSS, Рецептарий
Семантическая верстка — советы и решения. Часть вторая. Хаки-шмаки, даём люлей IE
7 декабря 2007 · HTML/CSS, Рецептарий
CSS-хаки
При использовании семантической верстки каждый разработчик обязательно столкнется с проблемами кроссбраузерности, для решения которых в большинстве случаев приходится использовать так называемые «хаки». Обычно под этим термином подразумевается особый способ написания селекторов или правил, понимаемый только конкретным браузером. Однако совместимость с CSS в большинстве браузеров уже достигла уровня, при котором следует ограничивать использование «хаков».
Как правило, основным источником неприятностей бывает Internet Explorer. Многообразие ошибок в реализации CSS в браузерах Microsoft удивляет даже самых опытных верстальщиков. В связи с этим возникают ситуации, когда необходимо использовать дополнительные или альтернативные правила для IE. Именно в таких случаях рекомендуется применять «хаки». Если же вам вдруг понадобились альтернативные правила, скажем, только для Firefox, то рекомендуется пересмотреть ваш код, и в 99% случаев вы найдете более элегантное решение.
Читать дальше →
Семантическая верстка — советы и решения. Часть первая. Капля теории, DTD и ластики
29 ноября 2007 · HTML/CSS, Рецептарий
Сегодня я начинаю публиковать по частям статью, написанную для русского издания PC Magazine, в которой рассказывается о приёмах семантической вёрстки. Первая часть: немного теории, DTD и ластики. Уровень — начинающие.
Вместо вступления
В последнее время все чаще требованием при разработке сайта становится бестабличная или «дивная» верстка. Оба термина стали чрезвычайно популярны, несмотря на то, что они в корне неверны.
Изначально, таблицы были выбраны дизайнерами и разработчиками для верстки по одной единственной причине — не существовало других средств реализации хоть сколько-нибудь сложных макетов. Со временем таблицы стали нормой и остаются ею до сих пор. Но мы уже не в девяностых и браузеры, которые значатся в наших технических заданиях, способны интерпретировать CSS на том уровне, который необходим для более корректной, структурированной и современной верстки.
Читать дальше →
Семинар «Семантическая вёрстка» 18 мая, Москва
7 мая 2007 · Свалка
18 мая в конференц-зале «Экстрополис» пройдёт семинар под названием «Семантическая вёрстка», который продолжит серию обучающих семинаров под эгидой прошедшей в апреле конференции РИТ-2007. Проведут семинар докладчики секции «Клиентское программирование»:
- Вадим Макеев (он же pepelsbey, автор блога pepelsbey.net, автор доклада «CSS-менеджмент» на РИТ-2007, участник WSG-Russia)
- Алексей Рыбаков (типа я и всё такое, автор доклада «Тестирование верстки» на РИТ-2007, участник WSG-Russia)
Семинар условно будет разделён на четыре темы:
- Ищем смысл: разделение содержимого документа от его представления
- Обзор всех аспектов семантики кода и документа: структура, именование элементов, микроформаты
- Преимущества кода, страниц и сайтов, созданных с учётом семантики
- Начните сегодня: примеры трансформации «супа из тегов» в стройный, понятный и семантически верный код
Начало семинара в 10 утра, предположительное завершение — в 6 вечера, после каждой из четырёх логических частей предусмотрен перерыв, в том числе большой обеденный с бесплатным обедом.
Стоимость семинара составляет 5900 рублей при регистрации и оплате до начала семинара (принимаются Яндекс-Деньги, WebMoney, безналичная оплата) или 7000 рублей при оплате непосредственно в день семинара (принимаются наличные).
И это… пунш и пирог :)
Viva la resistance!
