Блочная верстка сайта
Автор Анар Победа задал вопрос в разделе Другие языки и технологии
Что лучше табличная или блочная вёрстка... и получил лучший ответ
Ответ от Аня Кулясова[гуру]
В современной веб-разработке стандартом для построения структуры сайта является блочная вёрстка. Она использует блоки и CSS, что делает код легким, гибким и удобным для поддержки. Такие страницы загружаются быстрее, так как браузеру не нужно ждать отрисовки всей таблицы целиком, а поисковые системы лучше индексируют важный контент. Табличная вёрстка сегодня применяется исключительно по прямому назначению — для отображения табличных данных, например прайс-листов. Использование таблиц для создания общего макета сайта считается устаревшим подходом. Это приводит к громоздкому коду с множеством вложенных уровней, что замедляет загрузку, усложняет адаптацию под мобильные устройства и затрудняет изменение дизайна. Для сложных макетов сейчас используются современные блочные методы, решающие задачи расположения без недостатков таблиц.
Как вы знаете в HTML документе текст и другое содержимое можно разметить на странице двумя разными способами.
1. При помощи таблиц, теги , , .
2. При помощи блоков, тег .
Табличная вёрстка в основном используется для отображения табличных данных, и всё реже для макетов сайтов. Так как имеет громоздкий HTML-код.
Блочная вёрстка в 98% используется для построения макетов сайтов (шаблонов) и разметки другого содержимого, например каталога товаров или услуг.
Видео:
Таблицы - для табличных данных (W3C)
Рекомендую книгу:
"Как быстро научиться верстать сайты и зарабатывать на этом"
Автор: Сергей Белоусов
Делайте так, как вам удобней. Лично у меня все сайты табличные и только один - блочный. Табличные мне удобней, ибо я там верчу, что хочу, а с блоками не столь дружна. Посему в блочном у меня часть вёрстки в самых сложных местах всё равно таблицами сделана. 🙂
Блоками везде создают попробуй таблицей, как больше тебе нравится
Я думал тут холивар, а тут.. .
По сути - блочная лучше. Она сложнее, но гораздо гибче и функциональнее. И не верь, что тут говорят - типа она только для простых сайтов. Для всех подойдет. Просто не каждый сможет сделать так, чтобы работало.
Для большинства препятствием на пути использование блочной верстки стоит Интернет Эксплоурер (особенно 6, но и 7 тоже с прибабахами) , хотя на все их выкрутасы есть способы решения. Но кто хочет искать и использовать, если написать тучу хтмл-кода на таблицах им, почему-то, проще?
Смотря какой сайт. Если вам без разницы как верстать то посмотрите каким способом будет меньше кода, тот и используйте. лично мне больше нравится блоками.
каму как я обычно совмешаю и то и то
сам как то этим интересовался, но никто точного ответа не дал. Каждый верстальщик считает по разному, но на каком то форуме вычитал что табличная верстка сложней и не ахти имхо
сначала стоит пояснить насколько функционально нагружен будет дизайн, сайт какого характера и тп. Где необходимы более простые конструкции разумнее использовать блоки. Табличная верстка подойдет для более сложного проекта. Я думаю что можно попробовать как вариант блоки, если возникунут проблемы - попробовать это же реализовать таблицами.
Так ты же дизайнер! Вот и вытворяй, что самому в голову придет. Не надо чужими мыслями пользоваться, включи свои, это ведь ТВОЙ сайт!
Что такое верстка? Что значит сверстать сайт, например?
Верстка сайта — это процесс создания структуры и внешнего вида веб-страницы с помощью кода, который
подробнее...
как ценят видеокурсы Михаила Русакова? можно ли с на них, научится чему либо... и если можно то конкретно...
Ну во-первых, это использование табличной верстки. Ну зачем? По всем современным стандартам таблицы
подробнее...
На чем лучше создать лендинг пейдж?
Чтобы создать лендинг, выберите инструмент под ваши задачи. Главная цель страницы — концентрация
подробнее...
Хочу заняться изучением веб дизайна, сайтостроением .Какие книги, материалы следует прочесть новичку прежде всего?
Прежде всего следует хорошо изучить html и css. Это не очень сложно, поэтому сгодится, в общем-то,
подробнее...
Как переместить счетчик HotLog правее?
Заключить код счётчика в тег style
Пример:
#yaimg181275#
Вместо
подробнее...
растянуть блок по ширине на весь экран (html, css)
у меня слой.. вверху на всю ширину
вобщем тебе нужно "width:100%", что-то не так ты
подробнее...
Чем Можно заменить iframe
Вместо фрейма можно использовать тег object. Ну, или же, если позваляет задача, вместо фрейма
подробнее...