LINUX.ORG.RU

Тег <table>

 , ,


0

1

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

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

★★★★★

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

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

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

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

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

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

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

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

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

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

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

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

vvn_black ★★★★★
()

Гугли Flexbox. Таблицы используй для таблиц(хотя тут тоже можно их не касаться).
Так же в новых браузерах гриды уже можно юзать.

ritsufag ★★★★★
()
Ответ на: комментарий от 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 ★★★★★
()
Ответ на: комментарий от anonymous

С лейтенантом Рипли в анабиозе летал. Кстати, надо бы пересмотреть.

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

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

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

nisemax
()

если бы table был ненужен, выкинули бы его из html5. юзай спокойно.

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

На самом деле, изначально никто не предполагал использования <table> каким-либо иным способом.

пруфлинк?

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

пруфлинк?

<table>

Вот то, что внутри скобочек, и есть пруф.

nisemax
()

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

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

На самом деле, изначально никто не предполагал использования <table> каким-либо иным способом.

Да, и поэтому рамки не рисовались по дефолту?

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

Муть это твоя тема. Ты спросил - тебе ответили, ещё и нормальную статью дали, которую ты назвал кучей текста.

Может та самая куча у тебя в голове?

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

И сразу принципы responsive изучайте. Есть и это не покажется мутью, конечно.

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

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

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

Для ясности, мне нужно организовать GUI для игры. Да, через html и css. Кста, таблицу проверил. Ниочем получилось, придется в css вкатываться.

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

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

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

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

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

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

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

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

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

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

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

Удачи. Только сомневаюсь, что у человека с околонулевыми познаниями в веб-разработке сможет получиться лучше.

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

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

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

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

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

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

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

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

nisemax
()

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

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

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

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

Да вот «спецы» набежали. Кто-то css grid упомянул, кто-то div+css, кто-то flexbox.

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

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

Мде, значит веб изначально черезжопный, от самых истоков.

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

Нет, просто изначально HTML не предназначался разного рода «дизайнерам»

nisemax
()
Ответ на: комментарий от 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 ★★★★★
()
Ответ на: комментарий от anonymous

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

Звучит логично.

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

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

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

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

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

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

Слоупоки из W3C?

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

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

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

deep-purple ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.