Семантическая вёрстка. Часть вторая
24 апреля 2008По материалам доклада «Семантическая вёрстка» на конференциях ClientSide 2007 и UA Web 2008.
Современный взгляд на организацию кода
Продолжение. Начало — «Семантическая вёрстка. Часть первая»
Второй уровень семантики: именование элементов
Для создания второго смыслового уровня документа у нас есть два способа именования элементов: id и class. Каждый имеет свои особенности, в силу которых формируются типичные ситуации применения каждого из них.
Имя элемента характеризует его функциональность или содержимое: упорядоченный список (первый уровень семантики) комментариев (второй уровень семантики).
<ol id="comments"><li>Первый</li><li>Второй</li></ol>
Согласно спецификации, id — это имя уникального элемента, в большей степени подходит для создания структурной разметки документа:
<body><div id="header"> … </div><div id="content"> … </div><div id="footer"> … </div></body>
CSS-фреймворки
23 апреля 2008Вашему вниманию предлагается видеозапись доклада «CSS-фреймворки», прозвучавшего на конференции РИТ-2008. Обзорный доклад-размышление о практической пользе CSS-фреймворков.
Для лучшего понимания некоторых моментов, не попавших в кадр, доступна сама презентация: CSS-фреймворки (PDF, 237 КБ), а также версия видео для iPod/iPhone: CSS-фреймворки (H.264, 133 МБ)
Семантическая вёрстка. Часть первая
22 апреля 2008По материалам доклада «Семантическая вёрстка» на конференциях ClientSide 2007 и UA Web 2008.
Современный взгляд на организацию кода
Начало. Продолжение — «Семантическая вёрстка. Часть вторая».
Прежде всего, давайте договоримся: семантическая вёрстка — это не гербалайф. Она не поможет вам в одночасье научиться верстать в восемь раз быстрее, IE6 вдруг не перестанет бажить, да и волосы не станут гладкими и шелковистыми, скорее наоборот. Более того, использование данного подхода потребует от вас бóльших умственных усилий. Как на освоение методики, так и в работе с ней.
В чём же смысл? Зачем я предлагаю использовать подход, который, на первый взгляд, только усложняет жизнь? Просто поверьте — оно того стоит, но обо всём по порядку.
Семантика?
Семантика (фр. sémantique от греч. σημαντικός — обозначающий)
Понятие «семантика» пришло к нам из лингвистики в несколько сокращённом значении для того, чтобы можно было применить его к HTML-вёрстке. Прежде всего, семантика в вёрстке — это совокупность смысловых отношений, возникающих в документе. Однако для существования таких отношений необходим документ, который возникает благодаря внедрению HTML-разметки в простой текст.
CSS-нудизм
8 апреля 2008Сегодня CSS Naked Day. И вся красота семантической вёрстки перед вами. Присоединяйтесь, ещё есть время!
ps: прочитал забавные и слегка занудные мысли по поводу CSS Naked Day. Что ж, тоже точка зрения, хоть и скучная.
И вновь продолжается бой…
6 марта 2008Позавчера блоги ведущих западных веб-разработчиков пестрили восторгами:
Роджер Йохансон (Roger Johansson)
Когда я проснулся сегодня утром и проверил RSS-фиды, мне пришлось протереть глаза и вчитаться снова. Я сплю и вижу сон? Да вроде нет — несколько источников в один голос утверждают, что Майкрософт изменила своё прежнее решение относительно поведения IE8 по умолчанию: так же, как IE7, пока не указано обратное.
Питер-Пол Кох (Peter-Paul Koch)
Команда IE сделала именно то, чего ждали все разработчики, знакомые с веб-стандартами. Если вам нужно поведение IE7 — отлично — придётся кое-что сделать. Если вы хотите получить поведение по стандартам, а также применить концепцию прогрессивного улучшения — не нужно делать ничего. В этом что-то есть. Кажется команда IE умеет слушать.
Эрик Мейер (Eric Meyer)
А теперь кое-что, чего я не ожидал увидеть, проснувшись сегодня утром: «Майкрософт расширяет поддержку веб-стандартов» … Кроме шуток, это заголовок последнего их пресс-релиза. … Иначе говоря, команда IE, похоже, использует последние PR-ходы Майкрософт для своей, а также нашей, выгоды.
И конечно же Молли Хольцшлаг (Molly Holzschlag)
Эй, танцуем! IE8 в совместимом со стандартами режиме по умолчанию.
А что же сегодня? А сегодня ночью мы получили ту пресловутую версию IE8, пока только бету, но её уже можно начать щупать. Благо, что на панели IE8 появляется кнопочка «Toggle IE7 Emulation mode», которая позволяет, хоть и с перезапуском, но всё же переключаться между двумя браузерами.