Особливості таблиць

Влад Мержевич

При верстці за допомогою таблиць важливо знати особливості, що притаманні таблицям. Це допомагає розуміти, як побудувати макет у кожному випадку, створити ефективний код і уникнути помилок у роботі. Вважається, що таблиці простіше у верстці, ніж інші методи, наприклад, за допомогою шарів. Проте таблиці також мають багато хитрощів, які, однаково, впливають на відображення сторінки.

Ширина таблиці

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

Ширина комірок

Ширина комірок визначається атрибутом width тегу <td>, і значення потрібно встановлювати тільки у випадку, якщо потрібно задати ширину комірки.

... (текст скорочено)

Швидкість завантаження таблиці

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

SEO текст: Навчальний матеріал про верстку таблиць: особливості, ширину таблиці та комірок, швидкість завантаження. Дізнайтеся, як ефективно працювати з таблицями на веб-сторінках.

Часті запитання