LINUX.ORG.RU

Тег <table>

 , ,


0

1

Таблицы с невидимой границей долгое время использовались для верстки веб-страниц, позволяя разделять документ на модульные блоки. Подобный способ применения таблиц нашел воплощение на многих сайтах, пока ему на смену не пришел более современный способ верстки с помощью слоев.

Что это за «более современный способ»? Какая-то магия с css? Чем оно лучше? Или можно забить и продолжать использовать таблицу для выравнивания и расположения элементов?

★★★★★

Что это за «более современный способ»?

div + css, а сейчас и ещё flexbox подвезли, красота.

Чем оно лучше?

Блин, это тема холиваров 10-летней давности.

Или можно забить и продолжать использовать таблицу для выравнивания и расположения элементов?

Кто ж тебе запретит.

vvn_black ★★★★★ ()
Последнее исправление: vvn_black (всего исправлений: 1)
Ответ на: комментарий от xDShot

Подробнее пожалуйста

Подробней, куча онлайн-справочников: http://htmlbook.ru/ или его продолжение (не помню название сайта).

А мне тяжело включить машину времени и вернуться во времена аргументов как верстки таблицами, так и дивами. Но, как выше, написали, исторически пришли к тому, что таблицы хороши для данных, а для выравнивания элементов лучше использовать другие инструменты.

vvn_black ★★★★★ ()
Ответ на: комментарий от xDShot

После таблиц пришли флоаты. Совсем недавно их вытеснили флексбоксы. А сейчас еще пришли гриды, но они дополняют, а не заменяют флексы.

https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://css-tricks.com/snippets/css/complete-guide-grid/

Medar ★★★★★ ()
Ответ на: комментарий от ritsufag

Flexbox скорее всего не подойдет, оно вроде для размещения элементов на одной строке. Мне надо просто создать фиксированное расположение элементов в виде таклицы 2х3, где ширина элементов будет одинаковая.

xDShot ★★★★★ ()
Ответ на: комментарий от xDShot

Мне надо просто создать фиксированное расположение элементов в виде таклицы 2х3, где ширина элементов будет одинаковая.

Flexbox подойдет.

http://flexboxfroggy.com/#ru

vvn_black ★★★★★ ()
Последнее исправление: vvn_black (всего исправлений: 1)
Ответ на: комментарий от vvn_black

Прикольная штука, но почему оно не позволяет посмотреть другие вводимые параметры свойств. Я бы хотел посмотреть как лягушонок бы разместился на странице при разных значениях justify-content

xDShot ★★★★★ ()

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

deep-purple ★★★★★ ()
Ответ на: комментарий от vvn_black

исторически пришли к тому, что таблицы хороши для данных

Нет. На самом деле, изначально никто не предполагал использования <table> каким-либо иным способом. Применение таблиц для «дизайна» — адовый костылище, это все и всегда понимали.

nisemax ()

Пожалуйста, не верстайте таблицами, помните о ССЗБ с мобилами вместо дисплея. А так то, если допустить, что у каждого юзера экран не уже 50 см, то таблицы норм.

bread ()
Ответ на: комментарий от xDShot

Обычно, когда делают сайт, стремятся донести информацию до максимального числа посетителей. Но если на посетителей плевать, можно верстать хоть таблицами, хоть фреймами. Только зачем захламлять интернет подобным творчеством?

Tigger ★★★★★ ()
Ответ на: комментарий от xDShot

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

Tigger ★★★★★ ()
Ответ на: комментарий от xDShot

Ну если у тебя текстовая игруха и каждый килобайт на счету, трать время на написание собственного велосипеда, может, получится и не такой жирный.

Tigger ★★★★★ ()
Ответ на: комментарий от bread

во-первых, как ты дефолтные рамки сюда натянул?

во-вторых, рисовались, емнип в мозайке и позже в ИЕ

в-третьих, емнип опять же, рамки не очень-то регулировались ранними версиями стандарта, вплоть до того, что не было единого способа отключения рамок «border=0» и «border no»

nisemax ()
Ответ на: комментарий от nisemax

Ну я не помню как там в ранних IE, но на моей памяти рамки вокруг ячеек по дефолту нигде не рисовались, что и позволяло собственно верстать на таблицах. Впрочем, мог и переврать, но в чем претензия то к табличной верстке? Другого способа сделать колонки не было тогда.

bread ()
Ответ на: комментарий от bread

на моей памяти рамки вокруг ячеек по дефолту нигде не рисовались

На моей памяти, а это до IE4, с рамками реальный головняк был, на дефолт полагаться было нельзя.

что и позволяло собственно верстать на таблицах.

Нет же, совсем не это.

в чем претензия то к табличной верстке? Другого способа сделать колонки не было тогда

Не было. Что не отменяет его костыльности, и в этом претензия, если кратко. Если ж развернуть — материала хватит на серию книг.

А не было другого способа по очень простой причине: когда html создавался, никто не думал, что это понадобится.

nisemax ()

Что-то все докопались до таблицы, а на вопрос про слои

более современный способ верстки с помощью слоев.... Что это за «более современный способ»?

так никто и не ответил... Никто не знает чтоль?

anonymous ()
Ответ на: комментарий от deep-purple

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

Просто кто-то ниасилил таблицы: http://htmlbook.ru/css/table-layout

h578b1bde ★☆ ()
Ответ на: комментарий от h578b1bde

For the automatic table layout algorithm, some widely deployed implementations have achieved relatively close interoperability.

Table layout can be used to represent tabular relationships between data. Authors specify these relationships in the document language and can specify their presentation using CSS 2.1.

Уровень 2, ревизия 1 (CSS2.1) рекомендация W3C, принята 7 июня 2011 года.

Просто кто-то ниасилил таблицы

Просто кто-то еще под столом ползал в 11-м году.

deep-purple ★★★★★ ()
Ответ на: комментарий от deep-purple

Уровень 2, ревизия 1 (CSS2.1) рекомендация W3C, принята 7 июня 2011 года.

Кого волнует дата принятия рекомендаций какими-то упоротыми слоупоками?

Internet Explorer 6 … выпущена в августе 2001 года
Opera 7 стала доступна 28 января 2003 года
Firefox 1.0 появился на свет 9 ноября 2004 года.

h578b1bde ★☆ ()
Ответ на: комментарий от h578b1bde

Конкретно за таблицы — волновало тогда, и раньше чем тогда я уже дивами верстал, ибо нахер эти таблицы.

Меня волнует что модные смузики придумывают и используют всякое говно — это порождает быстро отмирающие инструменты. Меня волнует что браузерописатели вносят свои спецефичные говны — это вынуждает создавать полифиллы. И тому виной опять смузики со своими «экскрепериментами», не в полной мере, конечно, виновата еще политика больших компаний, которые хотят отжать себе ништяки. Вместо того, чтобы заниматься делом, обсуждать, договариваться, стандартизировать, сотрудничать, вот эти все задаватели «моды» пилят кто во что горазд и тем самым только тормозят прогресс. А могли бы всем миром сделать охеренный не тормозящий браузер, отличные спеки по вебу, жсу, стилям. Да так, что веб перестали бы называть говном еще очень давно.

deep-purple ★★★★★ ()