Блочная или табличная верстка? - 14 Мая 2011 - WFU - Всё для uCoz

Логин:
Пароль:

Меню сайта

Категории раздела
Новости сайта [21]
Статьи для Web Masters [57]
Новости Интернета [101]
Новости от uCoz [1]

Чат

Наши кнопки
WFU - Всё для системы uCoz


WFU - Всё для системы uCoz


WFU - Всё для системы uCoz


Календарь апдейтов
Точные апдейты Яндекса

 CY  - Обновление тИЦ Яндекса

 SERP  - Обновление поисковой базы Яндекса

 YACA  - Обновление Яндекс.Каталога

 PR  - Обновление Google PR

Статистика
Зарег. на сайте
Всего: 815
Новых за месяц: 46
Новых за неделю: 13
Новых вчера: 1
Новых сегодня: 0
Из них
Администраторов: 2
Модераторов: 2
Гл.Модераторов: 1
Проверенных: 2
Пользователей: 808
Журналистов: 0
Дизайнеров: 0
VIP: 0
Из них
Парней: 784
Девушек: 22

Архив записей

Главная » 2011 » Май » 14 » Блочная или табличная верстка?


В самом начале появления интернета существовала только табличная верстка.Но вначале третьего тысячелетия появился еще один вид верстки html-страниц.И теперь идут многочисленные споры по поводу того, как лучше верстать свою страничку.Давайте рассмотрим все - "за!" и "против!"

#1 Табличная верстка.Особенности, плюсы и минусы.
Итак, табличная верстка представляет собой контейнеры с информацией, структура кода выглядит так:


Code
<table>  
  <tr>  
  <td>код первого контейнера</td>  
  </tr>  
  <tr>  
  <td>код второго контейнера</td>  
  </tr>  
  </table>

Давайте теперь рассмотрим преимущества и минусы:
+ легок в понимании, новичку разобраться не составит огромного труда, а если есть визуальный редактор на подобии Adobe Dreamweaver, то верстка становится еще проще.
- громоздкий код препятствует "нормальной" читабельности кода.
+ занимает меньше времени для верстки и устранения багов.
- сайт грузится медленно, нельзя к блоку привязывать css-стили лежащее в корне сайта.
+ с легкостью можно создать html-страницу резиной ширины.
Это основные плюсы и недостатки табличной верстки.

#2 Блочная верстка страниц.
Блочная верстка довольно сложна в понимании, по сравнению с табличной версткой.Для того чтобы верстать кроссбраузерные страницы необходимо попрактиковаться, т.к. некоторые особенности без практики понять сложно.
Конструкция блочных элементов выглядит так:

Code
<div id="wrapper"> /* Основной контейнер */  
  <div id="header">Все элементы шапки(верхнего блока) сайта</div>  
  <div id="left-sidebar">Все элементы левого контейнера</div>  
  <div id="content">Содержание страницы</div>  
  </div>

Плюсы и минусы:
+ простой понятный код, сразу можно понять, что где находится, код очень короткий по сравнению с табличной версткой.
+ быстрая загрузка сайта, сайт грузится в 4(!) раза быстрее, чем табличные элементы.
- для того, чтобы страница стала полностью кроссбраузерной(в основном проблемы с отображением во всеми любимом браузере Internet Explorer 6), приходится пихать различные хаки и костыли, что приводит к увеличению количества кода и скорости загрузки сайта.Обычно проблема кроется в плавающих блоках float, которые по чудесному взмаху руки начинают смещаться в разные стороны(баг проявляется только в IE6).
+ с легкостью можно хранить все стили в одном или нескольких css-файлах.

#3 Заключение.
Завершая данную хотелось бы сказать о том что, каждый сам выбирает какая верстка ему наиболее приемлема.Но уходит от современных тенденций не стоит, т.к. возможно когда нибудь про табличную верстку все забудут и думаю, что страницы должные соответствовать современным тенденциям.Как альтернативой, можете верстать смешанной версткой, т.е. грамотно использовать блочные(div) и табличные(table) элементы.

Источник: ulessons.com



Категория: Статьи для Web Masters | Просмотров: 365 | Добавил: Strike® | Рейтинг: 0.0/0
Всего комментариев: 0
 
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Статистика
PR-CY.ru
Онлайн всего: 1
Гостей: 1
Пользователей: 0



Наш опрос
Что бы хотели видеть на сайте?

Результат опроса Результаты
Все опросы нашего сайта Архив опросов
Всего голосовало: 148
Обсудить на форуме

Это Интересно

Поиск

Календарь
«  Май 2011  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
3031

Друзья сайта
ucoz lab
Шаблоны для uCoz, Скрипты для uCoz, Бесплатная раскрутка сайта, Продвижение сайтов, SEO, Онлайн PhotoShop Всё самое лучшее для ucoz только у нас

Обновления форума

Активные участники
Никнейм:
Strike®
Постов:
364 сообщений
Поощрения:
Репутация
Никнейм:
Absurd
Постов:
277 сообщений
Поощрения:
Репутация
Никнейм:
ZuBa^^
Постов:
183 сообщений
Поощрения:
Репутация
Никнейм:
camel
Постов:
79 сообщений
Поощрения:
Репутация
Никнейм:
ZevZ
Постов:
78 сообщений
Поощрения:
Репутация
Никнейм:
Soner
Постов:
48 сообщений
Поощрения:
Репутация
Никнейм:
glam
Постов:
39 сообщений
Поощрения:
Репутация
Никнейм:
Peace
Постов:
30 сообщений
Поощрения:
Репутация
Никнейм:
User
Постов:
16 сообщений
Поощрения:
Репутация
Никнейм:
Форт-ПТЗ
Постов:
12 сообщений
Поощрения:
Репутация


Анализ сайта Рейтинг@Mail.ru статистика Топ100- Веб-дизайн

раскрутка сайтов яндекс Рейтинг сайтов Интернет
Рейтинг SIMPLETOP.NET Яндекс.Метрика
© 2010-2012 WebForUcoz.Ru (WFU), Все права не нарушены.| Используются технологии uCoz | Design by Strike®.
При копировании материала с сайта, ссылка на WebForUcoz.Ru обязательна!