Таблично-каркасная верстка
В предыдущем посте я писал о некоторых преимуществах и в тоже время недостатках блочной верстки. Сейчас же я хочу немного рассказать о табличной верстке, вернее даже сказать о каркасной. Вы наверное уже задаетесь вопросом, что это такое вообще? На самом деле ничего необычного и сложного в этом нет.
В каркасной верстке для построения основной структуры сайта (шапка, левое меню, контент и подвал) используются таблицы, что по сути решает все проблемы которые мы часто встречаем при блочно подходе.
А именно:
- нет необходимости растягивать колонку меню во всю высоту — она просто тянется сама в зависимости от наполнения колонки контента.
- сама собой исчезает проблема с подвалом который нам в блочном варианте приходится подгонять под каждый браузер, выставляя свойства стилей? такие как отрицательный margin и т.д.
- нет проблем с созданием резиновой верстки или фиксированной, все достаточно просто
- одинаковое отображение во всех браузерах, даже в самых старых таких как ie5.5
Пример табличной — каркасной верстки:
<table border="1" cellpadding="0" cellspacing="0" width="100%"> <tr> <th colspan=2>шапка сайта</th> </tr> <tr> <th width="25%">менюшка</th> <th width="75%">название статьи</th> </tr> <tr> <td width="25%" valign="top"> <ul> <li><a href="index.html" title="Ссылка">пункт меню 1</a></li> <li><a href="index.html" title="Ссылка">пункт меню 2</a></li> <li><a href="index.html" title="Ссылка">пункт меню 3</a></li> </ul> </td> <td width="75%" valign="top">текст статьи</td> </tr> <tr> <td colspan=3>подвал (копирайты, баннеры, сапа)</td> </tr> </table> |
Более того, внутри получившихся ячеек (колонок) уже без каких либо трудностей можно применять блоки DIV.
В итоге получается, что для построения каркаса сайта мы использовали таблицы и все их преимущества , а для наполнения колонок применяем уже DIV, и уже в полном обилии получаем удовольствие от их уникальных свойств.
Естественно такой метод отлично подойдет для новичков, или для веб-мастеров которым просто лень замарачиваться и тратить время на подгонку структуры станицы в полностью блочном варианте. Но уже более опытные верстальщики всего скорее предпочтут не использовать такой подход.
Похожие записи
2 комментария to “Таблично-каркасная верстка”
Оставить комментарий
- Исполнитель пропал, почему такое случается и понять с кем работать? спросил (а) Артем
- Можно ли WordPress считать универсальным движком? спросил (а) Андрей
- Что такое самописный скрипт или CMS? спросил (а) Антон
- Как при поиске в linux используя grep, добавить исключения? спросил (а) Алексей
- Как создать публичный ключ в RSA? спросил (а) Сергей
- 5 вариантов добавления watermark (водяной знак) на изображение, средствами PHP к записи
- 5 вариантов добавления watermark (водяной знак) на изображение, средствами PHP к записи
- 5 вариантов добавления watermark (водяной знак) на изображение, средствами PHP к записи
- Скрипт постраничной навигации (расширенная версия) к записи
- Скрипт постраничной навигации (расширенная версия) к записи
- Письма с сайта не приходят на mail.ru, в чем может быть проблема? к записи
- Подключение сайта к хранилищу на Яндекс Облаке к записи
Archive
- +2022 (9)
- Май 2022 (2)
- Апрель 2022 (2)
- Март 2022 (3)
- Февраль 2022 (1)
- Январь 2022 (1)
- +2021 (17)
- Декабрь 2021 (5)
- Ноябрь 2021 (2)
- Июль 2021 (1)
- Июнь 2021 (2)
- Май 2021 (5)
- Апрель 2021 (1)
- Март 2021 (1)
- +2020 (20)
- Декабрь 2020 (6)
- Сентябрь 2020 (2)
- Август 2020 (1)
- Июль 2020 (2)
- Май 2020 (2)
- Апрель 2020 (2)
- Март 2020 (2)
- Февраль 2020 (1)
- Январь 2020 (2)
- +2019 (18)
- Декабрь 2019 (3)
- Ноябрь 2019 (2)
- Октябрь 2019 (2)
- Сентябрь 2019 (1)
- Август 2019 (2)
- Июль 2019 (1)
- Июнь 2019 (1)
- Апрель 2019 (2)
- Март 2019 (1)
- Февраль 2019 (3)
- +2018 (44)
- Декабрь 2018 (4)
- Ноябрь 2018 (7)
- Октябрь 2018 (8)
- Сентябрь 2018 (1)
- Август 2018 (4)
- Июль 2018 (5)
- Май 2018 (3)
- Апрель 2018 (7)
- Март 2018 (1)
- Февраль 2018 (2)
- Январь 2018 (2)
- +2017 (19)
- Декабрь 2017 (2)
- Ноябрь 2017 (1)
- Октябрь 2017 (1)
- Сентябрь 2017 (2)
- Июль 2017 (1)
- Июнь 2017 (1)
- Май 2017 (2)
- Апрель 2017 (3)
- Март 2017 (2)
- Февраль 2017 (1)
- Январь 2017 (3)
- +2016 (37)
- Декабрь 2016 (3)
- Ноябрь 2016 (3)
- Октябрь 2016 (2)
- Сентябрь 2016 (3)
- Август 2016 (7)
- Июнь 2016 (3)
- Май 2016 (3)
- Апрель 2016 (3)
- Март 2016 (1)
- Февраль 2016 (1)
- Январь 2016 (8)
- +2015 (36)
- Ноябрь 2015 (5)
- Октябрь 2015 (4)
- Сентябрь 2015 (1)
- Август 2015 (8)
- Июнь 2015 (1)
- Май 2015 (4)
- Апрель 2015 (8)
- Март 2015 (3)
- Февраль 2015 (2)
- +2014 (26)
- Ноябрь 2014 (2)
- Октябрь 2014 (5)
- Сентябрь 2014 (6)
- Июль 2014 (1)
- Июнь 2014 (2)
- Май 2014 (3)
- Апрель 2014 (6)
- Февраль 2014 (1)
- +2013 (27)
- Декабрь 2013 (2)
- Ноябрь 2013 (1)
- Октябрь 2013 (1)
- Август 2013 (1)
- Июль 2013 (3)
- Июнь 2013 (10)
- Май 2013 (1)
- Апрель 2013 (2)
- Февраль 2013 (3)
- Январь 2013 (3)
- +2012 (42)
- Декабрь 2012 (2)
- Ноябрь 2012 (3)
- Октябрь 2012 (7)
- Сентябрь 2012 (2)
- Август 2012 (1)
- Июль 2012 (3)
- Июнь 2012 (2)
- Май 2012 (6)
- Апрель 2012 (2)
- Март 2012 (8)
- Февраль 2012 (5)
- Январь 2012 (1)
- +2011 (57)
- Декабрь 2011 (6)
- Ноябрь 2011 (2)
- Октябрь 2011 (3)
- Сентябрь 2011 (5)
- Август 2011 (4)
- Июль 2011 (3)
- Июнь 2011 (3)
- Май 2011 (3)
- Апрель 2011 (4)
- Март 2011 (10)
- Февраль 2011 (5)
- Январь 2011 (9)
- +2010 (43)
- Декабрь 2010 (7)
- Ноябрь 2010 (21)
- Октябрь 2010 (14)
- Сентябрь 2010 (1)
Свежие записи
- Услуга системного администратора веб-серверов 05.05.2022
- CMS для сайта Маркетплейса 05.05.2022
- 101 команда Linux на все случаи жизни 28.04.2022
- Правда про домашний высокоскоростной интернет 22.04.2022
- RC-Images CMS для публикации и обмена и фотографиями 15.03.2022





Позвольте с Вами не согласиться 🙂 Именно каркасный подход будет использовать профессионал при вёрстке сайта такой структуры. Профессиональные верстальщики действуют логично. На качественную блочную вёрстку этой же конструкции нужно потратить втрое больше времени(кроссбраузерность, хаки итд). Чисто таблицами верстать тоже нет смысла из-за слишком большой вложенности. А каркасный подход это гарантия кроссбраузерности и экономия времени.
Возможно, но как и все я сужу по себе, и мое мнение, что блочная верстка дает фору табличной и каркасной, но сколько людей столько и мнений)