Действия

Руководство по таблицам

Материал из ВикиВоины

0.00
(0 голосов)

Таблицы — это очень важный и удобный инструмент для структурирования информации и для её более доступного изложения. Однако сами по себе таблицы на сайтах на движке MediaWiki являются довольно сложными и плохо адаптированными под мобильные устройства. Чтобы решить эти проблемы, воспользуйтесь данным руководством.

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

Таблицы без изображений

Такие таблицы содержат только заголовки и текст, и как правило не должны содержать более 2-х или 3-х столбцов. Из того, где это может использоваться на ВикиВоинах, актуальными являются разве что таблицы "Корпус и бронирование" в статьях о боевой технике.

Вот пример такого шаблона и его результат:

{| class="wikitable" 
| class="wikitable-title" colspan="2" | Бронирование АТ-1
|- 
| Тип брони
| стальная катаная гомогенная
|- 
| Лоб корпуса
| 13 мм
|- 
| Борт корпуса
| 13 мм
|- 
| Корма корпуса
| 13 мм
|- 
| Днище
| 6 мм
|- 
| Крыша
| 10 мм
|}

В итоге это выглядит следующим образом:

Бронирование АТ-1
Тип брони стальная катаная гомогенная
Лоб корпуса 13 мм
Борт корпуса 13 мм
Корма корпуса 13 мм
Днище 6 мм
Крыша 10 мм

Как мы видим, таблица состоит из открывающего {| и закрывающего элемента |}, между которыми с каждой новой строчки следуют вертикальные черты |. В первой строке вместе с открывающим элементом указывается class="wikitable", чтобы к таблице применились специфические стили, принятый на ВикиВоинах. На следующей строке, после вертикальной черты следует код class="wikitable-title" colspan="2" |, после чего на этой же строке указывается заголовок данной таблицы. Код class="wikitable-title" отвечает за применение конкретно к этой строке особых стилей, чтобы визуально выделить заголовок от обычных ячеек, а colspan="2" означает, что в этой строке 2 столбца будут объединены в один. Если ваша таблица имеет три колонки, то следует указать colspan="3" и т. д. Далее следует символ |-, который обозначает разделение строки, все что написано под ним уже пойдет на новую строку. Поскольку наша таблица имеет 2 столбца, то ниже |- идет два знака | со значениями для новой строки. Первый текст будет отображаться в левой ячейке, второй (тот что ниже) — в правой. После них снова разделитель строки |- и т. д. Заканчивается таблица, как уже упоминалось выше, закрывающим элементом |}.

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

Таблицы с изображениями

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

Таблица в три столбика