Здравствуйте Гость!


Запомнить.
Авто. вход.
Забыли пароль?
Регистрация

ПОДПИСКА Подписавшись по E-mail, Вы будете получать уведомления о новых статьях к себе на почту.
Подписатся на почтовую рассылку на сайте astranar.ru
Подписаться



ДОБАВЛЯЙТЕСЬ В ДРУЗЬЯ Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте на стене моего аккаунта.
Мой аккаунт Вконтакте
Мой аккаунт
Главная - HTML - Стандартная табличная верстка


Стандартная табличная верстка


Меня много раз спрашивали, "какая же верстка лучше всего? Табличная или верстка div 'ами", В этой статье мы поговорим с вами о плюсах и минусах табличной верстки!
Для начала давайте рассмотрим плюсы табличной верстки:
Прежде всего я считаю первым и главным плюсом это ее удобность, вы легко можете разместить картинку песню или видео в любом месте Web-страницы вашей модульной сетки с невидимыми границами, кстати границы у таблицы задаются так:

  border="1"//где значение в цифрах является толщина самой таблицы

Дальше следующим плюсом является то что верстка таблицами дает возможность создавать макеты, которые состоят из нескольких колонок. Плюс состоит в том, например, что при изменении ширины окна браузера содержимое страницы подстраивается под новые параметры. Нет того эффекта «наползания» страничных блоков, которым невыгодно отличается верстка на основе слоев (блочная верстка сайта или верстка div'ами). В добавлении к этому хочу заметить, что высота различных колонок вне зависимости от их наполненности остается одинаковой,
(если вы конечно не пропишите в стилях для этой таблицы ).
table-layout: fixed; // Это значит что все горизонтальные блоки будут одинаковой ширины.

Размер таблицы можно задать в процентах – это еще один неоспоримый плюс данного метода. Плюс, благодаря которому можно создать «резиновый» макет. Даже при малом объем основного контента подвал сверстанной при помощи таблицы страницы будет привязан к нижнему краю, как и положено подвалу, а не красоваться аккурат в центре. Содержимое страницы с «резиновым» макетом занимает все свободное пространство окна, но при этом каждый элемент остается в той части, которая для него предусмотрена.
Табличная верстка позволяет создавать на веб-странице декоративный фон – рамки, тени для элементов, узоры. Для этого задается фон отдельных ячеек.
Возможность выравнивать табличные ячейки в двух направлениях (по горизонтали и по вертикали) существенно расширяет способы взаимного размещения элементов страницы.
Использование табличной верстки упрощает задачу создания кроссбраузерной веб-страницы.
А теперь давайте рассмотрим все известные мне минусы табличной верстки:
Из-за сложной иерархии, которая характерна для структуры таблицы, код получается тяжелым – значительная его часть не принимает участие в непосредственном отображении страницы.
Размещение текста в разных ячейках таблицы усложняет индексацию поисковыми системами. Результат – дополнительная преграда для попадания в поисковый ТОП.
При использовании таблицы усложняется правка и оформление содержимого страницы (тяжело искать те маленькие участки кода на больших объемных Web-страницах).
И наконец, одна из основных причин снижения популярности табличной верстки заключается в том, что новые стандарты, продиктованные распространением XHTML и XML, опираются на блочную верстку сайта, оставляя за таблицами хранение табличных данных и не более того.
Так что думайте сами стоит ли использовать табличную верстку для своего web-сайта или нет!
Удачи!



Просмотров страницы: 3410
Урок добавлен: 07 Июля 2012

<<<Предыдущая статьяСледущая статья >>>

Копирование материалов разрешается только с указанием автора (Пальгов Олег) и индексируемой прямой ссылкой на сайт (https://astranar.ru/)!

Добавляйтесь ко мне в друзья ВКонтакте: https://vk.com/palgov_oleg. Если Вы хотите оценить меня и мою работу, то напишите на стене моего аккаунта ВКонтакте.

Если Вы не хотите пропустить новые материалы на сайте, то Вы можете подписаться на обновления:
Подписаться на обновления


Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Ещё статьи по html:
Коды html цветов
Начало работы с HTML
Проверка статуса ICQ в HTML
Создание форм в HTML


Комментарии (0)


Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.
Стандартная табличная верстка
Изменения – это всегда страшно. Но никто не изменит за вас вашу жизнь. Вы понимаете, какой должны сделать выбор, но несмотря на страх, двигайтесь вперед. Это главное правило успеха.

Пауло Коэльо


Вступайте в группу!