Верстка
Здравствуйте.
Может, кто посоветует, какая верстка лучше- табличная или дивами? и что удобнее- резиновая или фиксированная? и если несложно, вкратце объяснить, почему и в каких случаях. Меня интересует как отношение ПС к верстке, так и отношению пользователей. и еще вопросик- есть ли зависимость от нагрузки на сайт и версткой, какую верстку делать для сайта с высокой посещаемостью? спасибо. |
по-моему, все равно, потому что 90 процентов пользователей не отличат табличную от дивов. аналогично и про резиновую и фиксированную. Лишь бы красиво и быстро было. Про отношение ПС - у верстки дивами соотношение код/контент получше обычно, это хорошо.
|
Цитата:
|
каркас таблицами, внутренности дивами...
|
Каркас таблицей это потому что с display потом запаришься? :)
|
Цитата:
2. Удобнее сделать фиксированную верстку для верстальщика. Ему это проще будет. Для юсера на мой взгляд лучше резина или полурезина. Хотя опять же это все упирается в эскизы. Если они позволят сделать резину. 3. Никак на нагрузку на сайт не влияет. |
jekky25, спасибо за подробный ответ)
и всем остальным, конечно, тоже)) |
Раньше верстал в таблицах, код был слишком громоздким. Сейчас перешёл на дивы, в результате, чистота и порядок :) Рекоменду div'ы.
|
ИМХО:
Каждый тег придуман не от балды. Если слева блок, справа блок, в центре текст - для этого есть таблица. И сидеть она твердо. Мудрить тут дивами, с отступами глупо. Дольше, и кривее. Точно также ставить таблицу, чтобы выделить блок (1 строка, 1 столбец) - тоже глупо. |
Обрати внимание на тот момент, что на дивах сложно делать вертикальное выравнивание по центру, а также, когда надо, чтобы высота менялась одновременно у нескольких блоков. Виновником является IE. Конечно есть решения и на дивах, но имхо - это извращения. По-моему в таких случаях лучше использовать таблицу, чем множество нестандартных хаков. Поэтому заранее определяй такие проблемные места и там используй таблицы, а в остальных случаях - дивы.
|
Дивы сложней создавать, однако намного легче поддерживать.
Семантические тэги и элементы позволяют создать ЦСС-ку 1 раз, и потом ее практически не трогать. Если у вас меню как <ul><li>...</li>.... то добавить туда элемент гораздо проще, чем если бы это была таблица с определенным кол-вом ячеек, когда используется colspan или rowspan. Вообще, по табличной верстке очень трудно порой бывает понять чего к чему и откуда растет, особенно когда используются вложенные таблицы. Поэтому, если создается сервис, предполагается его развитие - то таблицей делать не рекомендуется т.к. в сумме на модификацию будет потрачено больше сил, времени (а значит и денег!), чем 1 раз сделать хорошо. Если же для сателлитов, то проще табличную. Там дизайне не особо чего решает, принципиальное развитие будет вряд ли, а скорость и простота наоборот имеют значение. Добавлено через 2 минуты А еще таблицы противопоказаны, если сайт будет делать больше одного человека, или предполагается, что сайт будет развиваться силами не разработчика (например, разработчик может заболеть/уйти/быть уволенным). В таком случае читаемость и поддерживаемость кода имеют решающее значение, и потому делать таблицы нельзя. |
Alexey,
Не соглашусь :) Цитата:
А вот конструкцию на ксс, да еще разбитую на 3-4 файла. Вот тут голову поломаешь... 20 открывающих дивов, 20 закрывающих. по сути дивы и текст, а на экране красота. Можно сутки рыться, выискивая каждый класс и что он делает. Особенно, если конструкция вида: .ya b {} <div class="ya"><b>TEXT</b></div> Т.е. искать сам класс, и еще все теги, которые он сопровождает. А изменив его, еще изменится другой кусок (т.к. админ их сделал однородными). Значит нужно менять не только ксс, но и хтмл. В общем с наворотами ксс намного сложнее разбираться, если их пичкают без надобности. Лишь бы показать крутость верстки, мол у меня все на дивах и страничка весит всего 5кб. |
Цитата:
|
Цитата:
В ксс всеравно придется рыться. Вот пример, у вас столбец для блока, вы вставили туда что то или написали, что не умещается, открыли хтмл, нашли там в столбце width="220" и сделали width="230". В чужом коде - 5 секунд все сделать. А если этот столбец идет через ксс, то открыли хтмл, нашли там class="stolb",, открыли ксс, а там ширины нет. Смотрим дальше хтмл, нашли вышестоящий див, нашли его стиль, и там нет ширины. И вот такие поиски могут занимать много времени. А если админ сделал и левый и правый столбец одним классом, то придется добавить новый стиль для правого, и изменить его в хтмл. Т.е. вместо мгновенного исправления 1 цифры, получается квест по файлам ксс. |
Ибо верстать надо с умом. Делать семантическую верстку, а не лишь бы только избавиться от таблиц.
Код HTML:
<div class="news_block"> Добавлено через 1 минуту Не та верстка хороша, которая без таблиц. А та, которая читается без визуального редактора. Но ее сделать втрое сложней чем просто без таблиц. Для этого нужен опыт, а не понты:). |
Цитата:
Цитата:
|
Цитата:
но! для продвижения это не правильно! верстаю блоками, визуально они располагаются по одному, а физически - по другому, соответственно и боты хавают контент не так как пипл. Это для выдачи важно! |
Тёзке плюсдветыщи!
Добавлено через 41 секунду Цитата:
|
Часовой пояс GMT +3, время: 00:36. |
Работает на vBulletin® версия 3.8.7.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot
SAPE.RU — система купли-продажи ссылок с главных и внутренних страниц сайтов.