преимущества дизайна без таблицы веб-страниц? [дубликат]
7 ответов
Каковы преимущества дизайна без таблиц? дизайн?
Их много, и не последнее из них - уменьшение полезной нагрузки HTML и гибкость в изменении макета (с помощью CSS) без изменения разметки.
Одним из способов уменьшения полезной нагрузки является то, что при хранении стилей во внешней таблице стилей, а таблицы стилей часто используются совместно на разных страницах, кэширование действительно приходит на помощь. Можно возразить, что таблицы стилей можно использовать с таблицами. Да; однако дисциплинированное использование div'ов для верстки, как правило, способствует использованию таблиц стилей.
Вы можете почитать о поисковой оптимизации (SEO) дизайна. Одним из принципов SEO является размещение важного контента на вершине HTML-дерева, над относительно неважными вещами, такими как навигация. Это невозможно при использовании табличного дизайна.
При каких условиях следует использовать таблицы?
Используйте таблицы для отображения табличных данных. Избегайте их для верстки.
Как начать?
Я поклонник w3schools и замечательного CSS Zen Garden. С них я начал.
вы получите лучшую производительность при рендеринге страниц, и это будет основано на стандартах. Используйте теги
Во всем интернете широко обсуждается вопрос о таблицах и div'ах.
Я большой сторонник использования таблиц для представления табличных данных. Однако это лишь предел их использования. Для структуры и верстки страниц следует использовать div и css.
Прочитайте эту подробную статью smashing magazine о таблицах и divs.
Таблицы должны использоваться для отображения табличных данных, а не для верстки.
Вы получите лучшую производительность с разделенными css-файлами, потому что тогда браузер сможет кэшировать детали представления между страницами вашего сайта.
Использование разделенного css также облегчает смену представлений в зависимости от используемого браузера (например, я хочу отображать что-то совсем другое для пользователей iPhone, чем для пользователей IE).
Это также позволяет легко изменять внешний вид сайта без изменения кода, который генерирует содержимое (если вы генерируете html с помощью PHP, например).
При дизайне без таблиц легче менять макет страницы, и вы пишете меньше html. Таблицы следует использовать только для табличных данных.
Бескабличный веб-дизайн дает вам следующее:
Меньше разметки
Таблицы требуют большого количества кода для фактического создания ячеек и строк таблицы, тогда как в качестве div используется только простой тег открытия и закрытия. Это означает, что ваши пользователи будут меньше скачивать при загрузке страницы.
Более легкое обслуживание
Поскольку при безтабличном дизайне меньше разметки, код легче поддерживать (меньше кода, чтобы пробираться через него). Также проще добавлять элементы в дизайн без таблиц, потому что вам не нужно просматривать таблицу и определять, где все промежутки между строками и столбцами должны быть добавлены к существующим строкам и столбцам.
Контент и презентация разделены
Это ключевой момент. В безтабличном дизайне гораздо проще поменять местами CSS и полностью изменить внешний вид сайта, не касаясь разметки.
Таблицы для данных
Таблицы следует использовать при отображении табличных данных. Их структура позволяет им очень хорошо определять отношения между заголовками и данными. В результате они отлично подходят для доступа к табличным данным.
Уловка
Хотя в CSS не так много всего, чему можно научиться, потребуется немало времени, чтобы привыкнуть ко всем несоответствиям рендеринга в браузере (я смотрю на вас, IE ...). Если вы хотите начать, я настоятельно рекомендую вам сосредоточиться на изучении того, как float и position ведут себя . Как только вы разберетесь с этим, все станет намного проще.
Вот очень хорошая презентация на эту тему: http://www.hotdesign.com/seybold/