Программирование

»

Блочная верстка

Замучился верстать табличками… Огромные по размеру шаблоны, ненормальное соотношение разметка/контент, многоуровневая вложенность таблиц, трудность вылавливания багов и пр. Да и просто захотелось чего-то новенького, тем более, что и неделя свободного времени была. Решил попробовать сверстать сайт div'ами. Надо заметить, что до этого решения просто плевался на блочную верстку. Только табличную считал единственно приемлемой.

Ну что можно сказать — не так страшен черт, как его малюют. Не спорю, сложный макет я бы все равно верстал таблицами, опыта намного больше, а простые можно смело дивами. В блочной же верстке основные проблемы у меня возникли именно с "чудо-браузером" Internet Explorer. Как-то у него все по-своему получалось, не как у остальных.

Да, вначале испытываешь некий дискомфорт, ограниченность. Пальцы так и норовятся вбить привычные последовательности из table, tr, td и наставить кучу страшных параметров тут же, в html-шаблоне. Но в том и фишка, чтобы отделить структуру от дизайна, повысить семантику кода.

Не буду приводить всевозможных преимуществ (быть может даже и спорных) блочной верстки над табличной (таких как "удобоперевариваемости" поисковыми машинами). Назову лишь те, явные, которые даже у "табличников" не вызовут нареканий на истинность. По крайней мере, я так думаю.

• Уменьшение размера шаблонов и, как следствие — уменьшение времени загрузки сайта.
• Чистота html. Найти баг, найти нужную часть кода становится проще.
• Простота смена дизайна. Ведь все оформление сосредоточено в css-файле (-ах). Причем можно не просто сменить шрифты и цвета, а все, вплоть до расположения блокок на странице, так сказать, смена layout'а на лету (опять же, если макет относительно не сложный).
• Легкость в обеспечении соответствия веб-стандартам. У меня с первого раза получилось сверстать валидный html 4.01 strict!

Замечу, что данный метод не без недостатков (опять же, основываясь на собственных наблюдениях):

• Сложность. Тут уже нужны более глубокие познания в css. Хотя, недостатком метода это называть и не совсем правильно. Больше знать — это ведь хорошо :-)
• Разные уровни поддержки веб-стандартов браузерами. Для таких случаев надо держать в голове массу всевозможных решений для разных браузеров, знать где и когда применить тот или иной хак.

Что можно сказать в заключение? Блочный метод верстки мне понравился. Быстро втягиваешься. Привыкаешь к простоте и скорости верстки. Привыкаешь управлять шаблонами с одного места (css-файла). К тому же, разбавляешь немного каждодневную рутину.

"Привыкаешь управлять шаблонами с одного места" -- корректнее было бы написать "привыкаешь делать шаблоны через одно место" :)

2008-1982=26. Интересно, когда вы впервые занялись веб-технологиями? Очень правильные мысли пишете.

to Jankkhvej: здесь арифметика немного врет. Если взять бОльшую точность (меясяцы и дни) - то все еще 25! Когда впервые? Да как и все - с универовской скамьи.