Расскажите про плюсы дивной верстки...

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем web2us, 14 май 2013.

  1. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    0
    Симпатии:
    0
    ... и в чем плохо табличная верстка
     
  2. alex_storm

    alex_storm дизайн, CSS Команда форума

    Регистрация:
    11 дек 2012
    Сообщения:
    1.120
    Симпатии:
    559
    При верстке таблицами страница значительно увеличивается в объеме. Поисковая система дольше индексирует. Нет гибкости. Единственный плюс табличной верстки - это когда нужно выводить характеристики или аттрибуты товаров в виде таблицы)

    Дивная верстка намного быстрее индексируется, очень гибкая по своей сути. Дивами в 100 раз проще верстать чем таблицей. Минусы - не удобно строить таблицы)
     
  3. sitecreator

    sitecreator

    Регистрация:
    1 фев 2013
    Сообщения:
    291
    Симпатии:
    65
    с div гораздо все более гибко получается. для примера, если вы используете табличную верстку в три колонки, то правая колонка не может у вас переместиться на место левой или центральной только за счет CSS, а с дивной это делается без проблем.

    Насчет разницы в скорости индексации - это спорный вопрос, думаю, что здесь верстка никаким боком не связана с индексацией.
     
  4. Rudnizki

    Rudnizki

    Регистрация:
    15 май 2013
    Сообщения:
    4
    Симпатии:
    0
    + гибкий код
    + лаконичный код, немного больше мозгоресурсов надо чтоб его прочитать :Smile:
    - в некоторых случаях не предсказуемый в разных браузерах, по крайней мене для новичка
     
  5. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    0
    Симпатии:
    0
    гибкость - спорна, зачем колонке перемещатся?!?! если есть место - оно должно быть на месте
    лаконичность - подумаешь, див вместо табл с причендалами...
    сео - то же спорно
    короче не понятно...
    единственный плюс - динамики можно добавить проще
     
  6. sitecreator

    sitecreator

    Регистрация:
    1 фев 2013
    Сообщения:
    291
    Симпатии:
    65
    сразу видно, что вы не верстали хоть немного серьезные проекты.
    попробуйте, тогда и вопросов не возникнет.

    например, при табличной верстке вы не сделаете частичного перекрытия одного столбца другим.
    более наглядный пример (opencart): в шапке расположен модуль "поиск" и никак его в админке невозможно заставить разместиться в левой или правой колонке или немного ниже чтобы он наехал слегка на центральную колонку, просто нету опции.
    и если бы у меня была табличная верстка, то я замучился бы в поиске несложного решения перемещения данного модуля из шапки в левую колонку. а при дивной верстке это решается только зап счет CSS.
     
  7. vaggah

    vaggah

    Регистрация:
    3 окт 2012
    Сообщения:
    10
    Симпатии:
    1
    Пока таблица не загрузится полностью, ее содержимое не начнет отображаться. ©
     
  8. finogenf

    finogenf

    Регистрация:
    31 май 2013
    Сообщения:
    8
    Симпатии:
    1

    точнее: оно начнет отображаться, но будет прыгать по мере "проявления" таблицы.
    поэтому таблицы лучше минимально применять.

    можно располагать одну над тругой таблицы не заключая их в родительскую таблицу.
    т.е. не делать вложенных таблиц.

    с другой стороны сейчас каналы очень быстрые. можно и не заморачиваться.
    делай как удобно тебе как мастеру. лишь бы результат был.
     
  9. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    0
    Симпатии:
    0
    я не верстальщик, а программист, но если надо сверстать - проблем нет, но это занудное занятие - ну его
    данный пример конечно отражает +сы дивов, в простоте размещения, но в таблице есть плюс в жесткости конструкции
     
  10. brigadir

    brigadir

    Регистрация:
    23 ноя 2012
    Сообщения:
    38
    Симпатии:
    5
    Таблицами верстать это пипец как нуторно - покрайне мере для меня ....Я считаю код должен выглядеть красиво а это Дивная верстка
     
  11. kss

    kss

    Регистрация:
    27 июн 2013
    Сообщения:
    5
    Симпатии:
    2
    Если использовать css-фреймворки (тот же Foundation) верстка на дивах будет быстрей и проще табличной +гибкость и простота в поддержке и доработке.
     
    brigadir нравится это.
  12. MrBoba

    MrBoba

    Регистрация:
    11 июл 2013
    Сообщения:
    3
    Симпатии:
    0
    + гибкий код, помогает сделать понятную структуризацию, нежели чем в табличной верстке.
    + удобнее
    + более легкий для поисковиков, табличные не любят поисковик
    + красивейший код, который понять может любой верстальщик при табулированной верстке
     
  13. BartyHan

    BartyHan

    Регистрация:
    22 мар 2013
    Сообщения:
    11
    Симпатии:
    8
    Табличная верстка не актуальна в современных реалиях кроме как при создании таблиц. Понимаемость кода увеличивается в разы при дивной верстке, хотя с ней так же нельзя перебарщивать.
     
  14. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    0
    Симпатии:
    0
    как это табличная верстка не актуальная... чем же???
     
  15. BartyHan

    BartyHan

    Регистрация:
    22 мар 2013
    Сообщения:
    11
    Симпатии:
    8
    Обычным удобством, чем же еще. Таблица подразумевает создание ячейки в которой отображается нужная информация. В таблице существуют четкие границы, нарушать которые нельзя. При дивной верстки эти границы фактически размыты, т.к. верстается слоями. Можно более гибко разместить необходимый контент, что соответствует современным реалиям.
     
  16. Misterio

    Misterio

    Регистрация:
    7 авг 2013
    Сообщения:
    14
    Симпатии:
    1
    Табличная верстка жутко не удобная да и просто морально устарела, к примеру в html5 ей на замену пришел <dt><dd>
     
  17. art-denis

    art-denis

    Регистрация:
    2 авг 2013
    Сообщения:
    45
    Симпатии:
    6
    Более точно, нужно смотреть какой дизайн сайта и назначения сайта. А там уже делать выбор.

    табличная верстка
    плюсы - Таблицы не перекрываются друг с другом при маленьких разрешениях.
    плюсы - Легко делать кроссбраузерный дизайн.
    плюсы - Гораздо проще блочной вёрстки.
    недостатки - Очень много лишнего кода, ввиду бесконечного создания строк и столбцов.
    недостатки - Далеко не каждый дизайн можно создать с помощью таблиц.
    верстка на DIV
    плюсы - Значительно меньше HTML-кода и, как следствие, уменьшение веса страницы.
    плюсы - Блоки загружаются быстрее таблиц (особенно больших таблиц).
    плюсы - В отличии от таблиц, блоки - универсальное средство для создания любого дизайна.
    недостатки - Гораздо сложнее табличной вёрстки.
    недостатки - Огромные проблемы с кроссбраузерностью.
    недостатки - Блоки начинают наезжать (либо спадать) друг на друга при маленьких разрешениях экрана (это все нужно допиливать в ручную).
     
  18. DLL_23Rus

    DLL_23Rus

    Регистрация:
    11 фев 2013
    Сообщения:
    59
    Симпатии:
    8
    Думаю этот недостаток не актуален при фиксированной верстке. Уравнял счет).

    А вот на счет сложности, соглашусь. Для таблиц css актуальна, как дополнение, а вот если начинаешь верстать дивами, то без css это невозможно. Они идут неразрывно. Дивы требуют глубокого знания css, и его хаков, что бы решить проблемы с совместимостью в браузерах. Но, как говориться используя дивы вы будете вознаграждены, очень широкими возможностями по сравнению с таблицами.
     
    Lasted edited by : 5 сен 2013
  19. aleksander73945

    aleksander73945

    Регистрация:
    7 сен 2013
    Сообщения:
    45
    Симпатии:
    7
    Не все то золото что блестит. Жесткость конструкции, таблицы гораздо ниже чем у div. Вы бы знали это если бы работали верстальщиком. Стоит забыть упомянуть какой ни будь стиль и вот уже у вас совершенно разные отступы. С дивами такое бывает гораздо реже.
     
  20. web2us

    web2us

    Регистрация:
    10 мар 2013
    Сообщения:
    0
    Симпатии:
    0
    если что-то забыть - то практически всегда вылезут проблемы... зато таблицы проще и понятней чем разбираться с кучей наслоек дивов