Справка:Оформление таблиц

Эта страница является частью руководств Традиции. Рекомендуется следовать изложенным здесь правилам. Если есть сомнения, изложите их на странице обсуждения.

Написание статей
Тематические статьи
Путеводитель по сайту Описание ЧАВО(FAQ) Как размещать книги Добавление «Традиции» в список поисковых систем браузера
Техническая справка
Tor и I2P Как создать статью Как править статьи Правила перевода Перенаправления Вики-разметка Типографика Оформление статьи Примечания и сноски Категории Шаблоны Список сокращений Как делать таблицы Ссылки на источники Изображения Галереи PDF, DjVu, TIFF и SVG Графы Мультимедия Ноты Карты Видео Математические и химические формулы Интервики Семантика Тексты Тэги MediaWiki: <hiero> <chem> <graph> <graphviz> <math> <mscgen> <ref> <references> <score> <svgcode> <syntaxhighlight> <timeline> Функции парсера: {{#embed}} {{#ev}} {{#invoke}} {{#regex}} {{#tag}} {{displaytitle}} {{server}} Lua (LPeg и Re, cosmo) Функции Lua: Календарь век десятилетие Локаль аттическими глаголицей греческими еврейскими кириллицей прописью римскими Химия группа молярная масса оформить формулу период электронная конфигурация электроотрицательность
Общие правила
Список правил и руководств Справка

При создании таблиц желательно придерживаться стандартного стиля оформления. В Traditio это реализовано с помощью классов CSS.

Достаточно при создании таблицы указать в первой строке (после символов {| ) параметр class="имя_класса" (где имя_класса — одно из стандартных имён, перечисленных ниже) и таблица будет оформлена стандартным образом.

Классы таблиц

class="standard"

Это наиболее часто встречающиеся таблицы. Такой стиль оформления желательно использовать для большинства таблиц, расположенных непосредственно в тексте статьи. Обратите внимание, что заголовки таблицы (которые создаются с помощью символа "!") подсвечены, для этого не нужно указывать никаких дополнительных параметров. Параметр border тоже необязателен.

{| class="standard" |- !Заголовок 1||Заголовок 2||Заголовок 3 |- |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1 |- |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2 |- |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3 |}

Заголовок 1 Заголовок 2 Заголовок 3 Ячейка 1*1 Ячейка 2*1 Ячейка 3*1 Ячейка 1*2 Ячейка 2*2 Ячейка 3*2 Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

class="wide"

Класс wide отличается от класса standard только тем, что он растягивает таблицу на всю ширину окна браузера.

{| class="wide" 
|-
!Заголовок 1||Заголовок 2||Заголовок 3
|-
|Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|-
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|-
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}

Заголовок 1	Заголовок 2	Заголовок 3
Ячейка 1*1	Ячейка 2*1	Ячейка 3*1
Ячейка 1*2	Ячейка 2*2	Ячейка 3*2
Ячейка 1*3	Ячейка 2*3	Ячейка 3*3

class="simple"

Заголовки не подсвечиваются, но изменяется вид рамки. Сравните:

• просто с атрибутом border:

{| border=1 |- !Заголовок 1||Заголовок 2||Заголовок 3 |- |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1 |- |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2 |- |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3 |}

Заголовок 1 Заголовок 2 Заголовок 3 Ячейка 1*1 Ячейка 2*1 Ячейка 3*1 Ячейка 1*2 Ячейка 2*2 Ячейка 3*2 Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

• с добавлением класса simple:

{| class="simple" border=1 |- !Заголовок 1||Заголовок 2||Заголовок 3 |- |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1 |- |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2 |- |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3 |}

Заголовок 1 Заголовок 2 Заголовок 3 Ячейка 1*1 Ячейка 2*1 Ячейка 3*1 Ячейка 1*2 Ячейка 2*2 Ячейка 3*2 Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

class="tiles"

Таблица без линий сетки, с автоматической подсветкой заголовков и затенением обычных ячеек.

{| class="tiles" |- !Заголовок 1||Заголовок 2||Заголовок 3 |- |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1 |- |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2 |- |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3 |}

Заголовок 1 Заголовок 2 Заголовок 3 Ячейка 1*1 Ячейка 2*1 Ячейка 3*1 Ячейка 1*2 Ячейка 2*2 Ячейка 3*2 Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Этот стиль рекомендуется использовать, только когда это действительно оправдано. Не используйте его для таблиц, к которым можно применить какой-нибудь из трёх предыдущих стилей без потери наглядности. Примером оправданного применения может быть, например, таблица Менделеева.

class="collapsible"

Позволяет «сворачивать» таблицу, оставляя лишь заголовки. Добавляется к какому-либо другому стилю (в приведённом ниже примере добавлен к стилю standard).

{| class="standard collapsible" |- !Заголовок 1||Заголовок 2||Заголовок 3 |- |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1 |- |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2 |- |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3 |}

Заголовок 1 Заголовок 2 Заголовок 3 Ячейка 1*1 Ячейка 2*1 Ячейка 3*1 Ячейка 1*2 Ячейка 2*2 Ячейка 3*2 Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Чтобы таблица была по умолчанию свёрнутой, надо добавить класс collapsed.

{| class="standard collapsible collapsed" |- !Заголовок 1||Заголовок 2||Заголовок 3 |- |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1 |- |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2 |- |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3 |}

Заголовок 1 Заголовок 2 Заголовок 3 Ячейка 1*1 Ячейка 2*1 Ячейка 3*1 Ячейка 1*2 Ячейка 2*2 Ячейка 3*2 Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

class="sortable"

Позволяет сортировать столбцы таблицы. Добавляется к какому-либо другому стилю (в приведённом ниже примере добавлен к стилю standard).

{| class="standard sortable" |- !Латиница||Кириллица||Цифры |- | D || Г || 3 |- | E || Щ || 2 |- | F || Б || 11 |}

Латиница Кириллица Цифры D Г 3 E Щ 211 F Б 11

Выделение ячеек

Любую ячейку таблицы или всю строку можно подсветить или затенить, для этого нужно для ячейки или строки задать параметр class="тип_выделения".

Существуют два стандартных класса подсветки и два типа затенения.

	для заголовка	для обычной ячейки
highlight
bright
shadow
dark

Для того чтобы сделать фон ячейки прозрачным, используйте class="transparent".

• Для заголовков рекомендуется использовать подсветку highlight, при необходимости выделить более важный заголовок — bright. Если есть необходимость понизить важность заголовка, можно использовать затенение или стиль normal.
• Для выделения групп обычных ячеек рекомендуется использовать затенение (сначала shadow, при необходимости — dark). Если нужно выделить одну-две ячейки, можно использовать подсветку.

Если в какой-то ячейке требуется задать определённый цвет фона, задавайте его вот так: style="background-color: цвет;" (см. таблицу цветов). Рекомендуется использовать эту возможность только если необходим именно конкретный цвет, а не просто логическое выделение части ячеек.

Тест

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

Обычный заголовок	по умолчанию	highlight	bright	shadow	dark	transparent	красный
Подсвеченный заголовок (bright)	по умолчанию	highlight	bright	shadow	dark	transparent	красный
Обычная строка	по умолчанию	highlight	bright	shadow	dark	transparent	красный
Cтрока с затенением	по умолчанию	highlight	bright	shadow	dark	transparent	красный

Реализация

Скин	Таблица стилей
Моно-книга (по умолчанию), Стандартный, Цыпа, Кёльнская тоска, Ностальгия	monobook
Amethyst	аmethyst
Simple	simple