Какой тип верстки изучать?
Только начал изучать веб-разработку и появился вопрос: какой тип верстки изучать, блочный или табличный? Можно ли задавая в css position потом оптимизировать сайт под разные разрешения, потому что все, что я пока что видел оптимизируется в табличной верстке. Дело в том, что столкнулся с тем, что указывая для блоков position начало наваливаться все больше и больше проблем, одно наезжать на другое. Вот я и подумал, что возможно табличная верстка оптимальный вариант. Стоит ли использовать position вообще, а если нет, то как тогда размещать блоки в пространстве сайта, не используя его. P.S. Не кидайте камнями, я только учусь :)
Ответы (2 шт):
Таблицы для оформления контента использовали этак лет пятнадцать назад. Теперь это считается не комильфо, да и более простые и продвинутые варианты появились.
Один из них, который стал достаточно популярен за последние несколько лет, это flex. Позволяет определять как элементы отображаются друг относительно друга, и имеет жуткое количество опций. За примером далеко идти не надо. Этот сайт использует flex в том числе чтобы разделить центральную полосу, и полосы по правой и левой стороне.
А чтобы в вас не бросались камнями, используйте таблицы исключительно по назначению, то есть для того, чтобы показывать данные, которые должны быть представлены в форме таблицы.
Соглашусь с @ArseniMourzenko, и добавлю свои 5 копеек.
Сейчас на всех современных сайтов(или почти всех) используется исключительно блочная верстка с использованием grid, flex, float, Лидером является flex из-за поддержки и удобности и гибкости. Что касательно Gridа - стараются сейчас все чаще использовать "Новинку", ведь буквально как пару лет он начал нормально поддерживаться во всех современных браузерах. Также вы можете его смешивать(использовать grid+flex).
Ранее использовали подход float+clearfix(когда была плохая поддержка flex). И сейчас можно встретить сайты работающих с этим подходом.
Что касается table, вам придется и этот подход понять как работает. Например в тех случаях, когда Вам нужно сделать верстку для технологий, какие плохо поддерживают HTML5 и CSS3.
Например:
- Создания страниц для почтовой рассылки (mail-layout);
- Генерация html в pdf, doc, docx и другие документы;
- Приложение которое использует интерфейс в виде таблицы(например, Excel-онлайн) и т.п
P.S. Не всегда стоит использовать таблицу для своего предназначения. Например, вывод таблицу товаров. Одна из причин отказа от таблиц это отсутствия гибкости в адаптации сайта под устройство с не большим разрешением (мобильные телефоны или планшеты). Если таблица содержит не большое количество столбцов до 3-4 - то все хорошо. А если больше, лучше использовать блочную верстку и внешне сделать похожую на таблицу.