Ukr:Довідка:Таблиці

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

Вікірозмітка таблиць: стисло

 * Всі вищезазначені елементи розмітки мають знаходитися на початку рядка, за винятком подвійних  та  . Пропуски на початку елементу таблиці ігноруються.
 * Атрибути XHTML. Кожен знак розмітки, крім кінця таблиці, може сприймати один чи більше атрибутів XHTML. Вони мають знаходитися в тому самому рядку, що й символ розмітки. Атрибути відокремлюються один від одного одним пропуском.
 * Комірки та підписи ( чи ,   чи  , та  ) містять вміст таблиці. Будь-які атрибути від вмісту слід відділяти вертикальною рискою . Вміст комірки може знаходитися в тому самому рядку чи в наступних.
 * Розмітка таблиці й рядку ( та  ) безпосередньо не містить даних. Не додавай вертикальну риску  після їхніх атрибутів, якщо вони є. Помилкове її додавання може привести до ігнорування останнього атрибуту.
 * Вміст може (a) слідувати за опціональними атрибутами XHTML в тому самому рядку чи (b) розташовуватися на рядках під знаком розмітки. Вміст, власне форматування якого потребує нового рядку, як-от списки, заголовки, вкладені таблиці, має на виконання цих вимог сам починатися з нового рядку.
 * Екранування символу риски, аби відобразити його як звичайний символ, досягається розміткою &lt;nowiki&gt; чи шаблоном |.

Основи
Наступна таблиця не має межі та погано сформована, але це проста демонстрація структури вікірозмітки.

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

{|class="wikitable" !style="width:50%"|Ти пишеш !style="width:50%"|Відображується як


 * }

Зайві пропуски всередині комірок зі змістом у вікірозмітці не впливають на відображення таблиці, як показано нижчк.

{|class="wikitable" !style="width:50%"|Ти пишеш !style="width:50%"|Відображується як


 * }

Всередині комірки можна записати довгий текст чи складнішу вікірозмітку:

{|class="wikitable" !style="width:50%"|Ти пишеш !style="width:50%"|Відображується як


 * }

Комірки заголовків
Комірки заголовків таблиці створюються заміною риски " " знаком оклику " ". За замовчуванням заголовки центровані та відображуються напівжирним.

{|class="wikitable" !style="width:50%"|Ти пишеш !style="width:50%"|Відображується як


 * }

Підпис таблиці
Можеш додати підпис таблиці у верхній її рядок, як вказано нижче.

{|class="wikitable" !style="width:50%"|Ти пишеш !style="width:50%"|Відображується як


 * }

Атрибути XHTML
Таблиці можна форматувати детальніше за допомогою атрибутів XHTML. Детальний опис (англійською) можна знайти тут: W3C's HTML 4.01 Specification page on tables.

Атрибути таблиці
Дія атрибутів, вказаних після тегу початку таблиці, поширюється на всю таблицю.

{|class="wikitable" !style="width:50%"|Ти пишеш !style="width:50%"|Відображується як


 * }

Атрибути окремих комірок
Атрибути можна додавати до окремих комірок. Приміром, якщо вміст окремих комірок слід вирівняти праворуч, як числа.

Так само можна додавати атрибути комірки, якщо кілька комірок записані в один рядок. В такому разі комірки розділяються, а всередині кожної комірки атрибут відділяється від вмісту за допомогою.

{|class="wikitable" !style="width:50%"|Ти пишеш !style="width:50%"|Відображуєтсья як


 * }

Атрибути рядків
Так само можна визначати атрибути для певних рядків таблиці.

{|class="wikitable" !style="width:50%"|Ти пишеш !style="width:50%"|Відображується як


 * }

Проста межа в один піксел
За замовчуванням таблиця форматується із атрибутом "border-collapse: separate", що означає додавання відступів навколо комірок (і разом з тим відділяє зовнішню межу таблиці від комірок). Навіть при нульовому відступі навколо комірок контури послідовних комірок додаватимуться. Тому, аби отримати найменше можливе розділення комірок в 1 піксел, слід вибірково прибрати межу в одної з сусідніх комірок.

Таке форматування досягається простіше, за допомогою атрибуту CSS "border-collapse: collapse"; в такому підході до форматування відступ навколо комірок ("border-spacing:" в CSS) та оточення ("padding:" у CSS) ігноруються і внутрішні сусідні комірки розділяються лише одним найбільшим відступом.

Приклад такої межі в один піксел двома способами наведено нижче; рекомендований другий із них.

{|class="wikitable" !width="70%"|Ти пишеш !width="30%"|Відображується як  


 * }

Примітки:
 * При застосуванні параметру CSS "border-width:" числові значення задаються в такому порядку: верх, право, низ, ліво. Якщо вказано не всі 4 цифри, пропущені набувають таких значень: лівий відступ значення правого, низ значення верху, правий значення верху.
 * Атрибути HTML (як-от "width=", "border=", "cellspacing=", "cellpadding=") не потребують вказівки одиниці розміру, якою є піксел. Але параметри CSS, які мають пріоритет перед атрибутами HTML, вимагають вказівки одиниці розміру для ненульових значень, приміром, "px" для пікселу.

Атрибути HTML "colspan" та "rowspan"
Вікірозмітка визнає атрибути HTML colspan and rowspan для комірок таблиці.

{|class="wikitable" !style="width:50%"|Ти пишеш !style="width:50%"|Відображується як


 * }

Змішування атрибутів HTML і стилів CSS
CSS атрибути стилю можуть додаватися як без інших атрибутів HTML, так і разом і з ними.

Атрибути можна також додавати до підписів та заголовків.

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

Але коли таблиця відображується в текстовому вигляді, ти можеш допомогти браузеру визначити, яка комірка заголовку стосується певної обраної комірки даних, за допомогою атрибутів scope="row" чи scope="col", вказаних для комірок заголовків таблиці. В переважній більшості простих таблиць достатньо вказати scope="col" у всіх комірках заголовку таблиці в першому рядку, а також scope="row" у кожній першій комірці кожного подальшого рядку:

{|class="wikitable" !style="width:50%"|Ти пишеш !style="width:50%"|Відображуєтсья як 


 * }

Від'ємні числа
Якщо ти почнеш комірку в новому рядку з символу мінус (чи якимось іншим чином поставиш туди від'ємне число), розмітка таблиці порушиться, бо поєднання символів  розглядатиметься як вікірозмітка для нового рядку таблиці, а не для комірки даних. Аби уникати цього, постав пропуск перед негативним числом чи застосуй подвійну риску.

Розмітка CSS чи атрибути?
Межа таблиці, вказана через CSS, може бути некоректно відображена певним набором текстових браузерів, на відміну від межи, вказаної атрибутом XHTML.

Спільні атрибути
Синтаксис MediaWiki для розмітки таблиць наразі не надає можливості задати атрибути для всього стовпчика (відповідний елемент HTML ), групи стовпчиків (елемент HTML  ) та групи рядків (елементи HTML elements ,   та  ). Ці стандартні елементи HTML не розпізнаються тут в будь-якій формі запису.

Всі рядки та комірки (заголовків чи даних) таблиці відображуються в єдиній групі за замовчуванням (елемент HTML ) без визначення додаткових атрибутів чи стилів.

Вікітаблиця
До таблиць завжди слід додавати атрибут, за винятков рідкісних випадків. коли таблиця застосовується суто для схеми.