За что вы так таблицы не любите... не предназначены div'ы для людей... Пока вёрстщики имеются с дивами, в какой-то там деревне давно всё отверстали таблицами и пьянствуют.
Объясню. Мнение не верстальщика. Таблицы предназначены для таблиц. А блоки предназначены для блоков. Многие, особенно медийные, сайты хорошо разбиваются на повторяющие в разных местах и на разных страницах блоки. Вот эти блоки и должны верстаться, как блоки и вести себя незавизимо. То есть лекго убираться, добавляться, заменяться при помощи добавления или удаления соотвествующего им html-кода (вызова метода, который их рендерит).
Дело в том, что на медийных сайтах часто происходят незначительные изменения вида: а давайте вот здесь еще покажем блок с материалами по схожей теме, а вот здесь будем пиарить нашу новую рубрику. И при указанной выше верстке сделать подобные изменение вопрос пары минут.
Если знаешь где что находится и новый блок решили присобачить не черт знает куда, то это в любом случае вопрос пары минут. В одном случае правится хтмл код, если нужно один ряд добавить, к примеру или колонку, в другом CSS + головомойка со всякими выравниваниями/обтеканиями/другими параметрами. А если в столбец внутри td ещё один блок в самый низ, то в любом случае добавляется просто блок.
Да, я не хочу добавлять столбец, я хочу чтобы у меня все стандартные блоки были засунуты в методы, которые их рендарят (в зависимости от возвращают html-код). А потом если мне нужно, я мог в лайауте убирать блок, если он мне больше не нужен, или добавлять еще один, если он мне снова понадобился. И из-за этих перестановок ничего внутри этих блоков не ехало и в верстке тоже не ехало. Понятно, что совсем универсально так сделать не получится. Но при соблюдении некого скелета это все работает, если сверстать хорошо.
С таблицей такого не прокатит, потому что мне нужно будет втыкать в верстку, задумывать о том, что надо как-то добавить колонку, убрать колонку... просто вызывать метод, который рисует какой-то блок уже не получится. А втыкать в верстку мне хочется по-минимуму.
Вот, вы мне объясните, не верстальщику, что такое семантическая верстка? BR-ы ставить между строфами, потому что "семантически" отдельная строфа это не абзац, а рарзыв там нужен?
По хорошему на такую семантическую верстку мне наплевать, потому что нет никакой адекватной "семантики". Зато на сайте есть набор повторяющихся блоков. И эти блоки должны быть сверстаны и собраны в страницу так, чтобы их можно было максимально легко убирать/добавлять заменять на другие идентичные. То есть чтобы программист мог это быстро сделать попрпавив темплейт не прибегая при этом к помощи файрабага, копании в CSS на тему, а чего все теперь едет и потом таки к пинанию верстальщика.
На мой не профессиональный взгляд, семантическая означает осмысленная, где сам способ оформления также несет в себе информацию.
Например, заголовок можно оформить как < font face="+3" >, а можно, как < h1 >. Второй способ - семантически осмысленный, он несет информацию о том, что оформляется именно главный заголовок страницы. В первом случае такой информации нет, хотя выглядеть это может одинаково.
Не всегда задумку дизайнера можно сверстать честной семантической вёрсткой.
http://www.magiclands.ru/ - разве можно такую титульную сверстать без таблиц? Бэкграунд слева и справа от рисунка разный, при сужении окна браузера верстка не разъезжается, шапка и контент центрированы по странице и стыкуются с точностью до пиксела. При этом вёрстка кроссбраузерная (начиная от IE8, заканчивая айфоном), не содержит CSS-хаков и вообще никакого ветвления. Весь код совершенно одинаково рендерится на всех браузуерах.
Всякий раз, когда дизайнер нарисует что-то не квадратно-перпендикулярное, возникают сложности, которые лично мне не удаётся сверстать без таблиц и говноблоков. Если я ещё просто не познал дао, не кидайтесь тапками. Может и правда, мне не больше троечки можно поставить :)
Comments 48
Reply
Дело в том, что на медийных сайтах часто происходят незначительные изменения вида: а давайте вот здесь еще покажем блок с материалами по схожей теме, а вот здесь будем пиарить нашу новую рубрику. И при указанной выше верстке сделать подобные изменение вопрос пары минут.
Reply
Reply
С таблицей такого не прокатит, потому что мне нужно будет втыкать в верстку, задумывать о том, что надо как-то добавить колонку, убрать колонку... просто вызывать метод, который рисует какой-то блок уже не получится. А втыкать в верстку мне хочется по-минимуму.
Reply
Reply
Reply
По хорошему на такую семантическую верстку мне наплевать, потому что нет никакой адекватной "семантики". Зато на сайте есть набор повторяющихся блоков. И эти блоки должны быть сверстаны и собраны в страницу так, чтобы их можно было максимально легко убирать/добавлять заменять на другие идентичные. То есть чтобы программист мог это быстро сделать попрпавив темплейт не прибегая при этом к помощи файрабага, копании в CSS на тему, а чего все теперь едет и потом таки к пинанию верстальщика.
Reply
Например, заголовок можно оформить как < font face="+3" >, а можно, как < h1 >. Второй способ - семантически осмысленный, он несет информацию о том, что оформляется именно главный заголовок страницы. В первом случае такой информации нет, хотя выглядеть это может одинаково.
Reply
Reply
Reply
Reply
http://www.magiclands.ru/ - разве можно такую титульную сверстать без таблиц? Бэкграунд слева и справа от рисунка разный, при сужении окна браузера верстка не разъезжается, шапка и контент центрированы по странице и стыкуются с точностью до пиксела. При этом вёрстка кроссбраузерная (начиная от IE8, заканчивая айфоном), не содержит CSS-хаков и вообще никакого ветвления. Весь код совершенно одинаково рендерится на всех браузуерах.
Всякий раз, когда дизайнер нарисует что-то не квадратно-перпендикулярное, возникают сложности, которые лично мне не удаётся сверстать без таблиц и говноблоков. Если я ещё просто не познал дао, не кидайтесь тапками. Может и правда, мне не больше троечки можно поставить :)
Reply
Reply
Reply
Leave a comment