Що сталося з тегами HTML-таблиць?

Я почав кодувати HTML в 1998 році, і в цей час я використовував багато тегів таблиць, граючи з tr і td, я дізнався багато речей, аналізуючи вихідний код багатьох порталів в Інтернеті за допомогою блокнота та Microsoft FrontPage, останнього, о, скільки столів перекривали інші, це було весело, я любив той час.

Однак я відмовився від веб-програмування майже на сім років і цього року вирішив подивитися, що таке веб-програмування сьогодні. Це здається зовсім інакше, оскільки більшість сайтів не використовують теги таблиць, а натомість використовують теги div та span.

Чому так сталося? Що це за нові теги і чому теги таблиць більше не використовуються?

У грудні 1996 року Всесвітній веб-консорціум (W3C) розробив першу специфікацію каскадних таблиць стилів . Каскадні таблиці стилів (CSS) з часом кардинально розвинулися та зробили відокремлення вмісту HTML від даних презентації більш поширеним серед популярних сайтів.

Хоча сучасні веб-сайти все ще можуть покладатися на оголошення в стилі вбудованої форми для досягнення бажаних ефектів, набагато ефективніше включати дані презентації (висота елемента, ширина, оббивка, поля, абсолютне позиціонування тощо) в один CSS-файл, на який посилається кілька HTML Документи, ніж оновлювати кожен примірник вмісту HTML, коли необхідні зміни презентації.

Прийняття браузера CSS не відбулося протягом ночі (саме тому деякі основні сайти все ще спираються на таблиці, щоб досягти рівномірної презентації в різних браузерах добре до 2000-х років), і, хоча деякі браузери продовжують відрізнятись у застосуванні специфікацій W3C CSS, графічний Браузери, які не підтримують CSS1, дуже рідкісні, тому дуже мало популярних сайтів покладаються на таблиці, щоб досягти сумісної презентації для веб-браузера.

Стаття 12 уроків для тих, хто боїться CSS та стандартів (опублікована у 2006 р.) В A List Apart та огляд знімка CSS W3C може стати гарною відправною точкою, якщо ви хочете наздогнати перехід від макетів на основі таблиць до CSS.

Не потрапляючи в всю історію еволюції веб-розробників ...
Таблиці ніколи не були призначені для розмітки сторінки; це найважливіший біт. Використання їх таким чином було вирішенням, спричиненим технологією того часу, як неповними специфікаціями, так і недіючими браузерами. Зрештою ці питання були (в основному) вирішені, і тепер це вже насправді не потрібно.

Сайт SE, як правило, для більш практичних питань, наприклад. як мені ... але якщо ви хочете докладніше, багато книг для початкового рівня HTML - і, здається, ви починаєте все з початку - мають стислий огляд того, про що ви питаєте, як вступний матеріал.

Таблиці все ще існують у специфікаціях html. Але їх слід використовувати для відображення даних у табличній формі! (Хоча розмітка таблиць дещо розвинулася, з мітками стовпців та груп дещо простіше застосувати розумний спосіб).

Якщо у вас є фотографії та вміст новин, які ви хочете написати на веб-сторінці, вам слід залишатись поза межами таблиць з причин, викладених іншими людьми, відповідаючи на це питання.

Якщо ви хочете відображати місячні рахунки на сторінці, то для цього вам слід використовувати таблиці.

Не кілька років тому (і все ж, якщо ви підтримуєте IE 6) таблиці були найкращим вибором для затвердження однакового макета для всіх браузерів.

Рамки, які відмовилися від використовуваних таблиць для компонування, як-от Ext, закінчували динамічно обчислювати розміри за допомогою зміни стилів на розмір, що змушувало їх працювати помилково в деяких браузерах (IE 6, згаданий раніше).

Таблиці як і раніше використовуються як основа для макетів сітки в різних рамках (наприклад, Icefaces).

Я таємно досі їх використовую.

Найголовніше, що вони все ще знаходяться в HTML5: http://www.w3schools.com/html5/tag_table.asp . Тож цілком безпечно використовувати їх для потреб скрученої верстки.

Редагувати: (Після трохи недооціненого голосування) Прекрасним прикладом "виточної розробки макета" є використання таблиць у ваших масових електронних листах. Якщо ви хочете, щоб ваша шкіряна пошта виглядала так само сексуально, як і обіцяний ефект вашого продукту, ви не можете використовувати більшість CSS.

Я не завжди використовую брудні хаки, але коли я роблю, то віддаю перевагу хакам, які триватимуть протягом наступних десяти років.