Help:Tables/ru

From MediaWiki.org
Jump to: navigation, search
PD Внимание: Когда вы редактируете эту страницу, вы соглашаетесь на передачу своего вклада по лицензии CC0. Узнать об этом подробнее можно на странице справки.
PD

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

Вики-разметка таблиц[edit | edit source]

{| Начало таблицы
|+ Заголовок таблицы, необязателен; может находиться только между началом таблицы и первой строкой таблицы
|- столбец таблицы, в первой строке необязательно -- движок вики сам подставит первую строку
! ячейка заголовка таблицы, необязательно. Идущие подряд ячейки заголовка таблицы могут быть указаны в одной строке, разделённые двойным маркером (!!), или начинаться каждый с новой строки с одиночным маркером (!).
| ячейка данных, обязательно! Идущие подряд ячейки данных могут быть указаны на одной строке, разделённые двойным маркером (||), или начинаться каждый с новой строки, предваряемые одиночным маркером (|).
|} конец таблицы
  • Вышеприведенные знаки должны начинаться с новой строки, кроме двойных || и !! для последовательности ячеек.
  • Атрибуты XHTML. Каждый знак разметки, кроме конца таблицы, может иметь при себе один или несколько атрибутов XHTML.
    • У ячеек и заголовка (| или ||, ! или !!, и |+) есть содержимое. Содержимое от атрибутов тэга отделяется вертикальной чертой (|). Содержимое может располагаться в той же строке или в следующих строках.
    • Маркеры таблицы и строк ({| and |-) напрямую не содержат контента. Не добавляйте разделитель в виде вертикальной черты (|) после их необязательных атрибутов. Если вы добавите его по ошибке к маркеру таблицы или строки, парсер удалит его и атрибут может присоединиться к неверному маркеру.
  • Содержимое может располагаться а) за знаком ячейки в той же строке после необязательных XHTML атрибутов или б) на строках под знаком ячейки. Содержимое, использующее вики-разметку, которая должна сама начинаться с новой строки, например, списки, заголовки или вложенные таблицы, разумеется, должно начинаться с новой строки.
    • Вертикальная черта в качестве символа. Для того, чтобы вставить вертикальную черту (|) в качестве символа в таблицу, используйте экранирование <nowiki>|</nowiki>.

Основы[edit | edit source]

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

Вы пишете Вы видите
{|
|Апельсин
|Яблоко
|-
|Хлеб
|Булка
|-
|Масло
|Мороженое
|}
Апельсин Яблоко
Хлеб Булка
Масло Мороженое

Ячейки в одной строке могут быть размещены на одной линии, разделённые знаками || (два символа-разделителя). Если текст в ячейке должен содержать разрыв строки, то следует использовать <br/> вместо перевода строки.

Вы пишете Вы видите
{|
|Апельсин
|Яблоко
|и т. д.
|-
|Хлеб
|Булка
|и т. д.
|-
|Масло
|Мороженое
|и<br/>т. д.
|}
Апельсин Яблоко и т. д.
Хлеб Булка и т. д.
Масло Мороженое и
т. д.

Альтернатива[edit | edit source]

Для более табличного вида ячейки можно записывать в одну строчку, разделяя их ||. Это будет выглядеть хуже в случае большого содержимого, например, целых абзацев. Однако, это хорошо подходит для небольших данных, как в таблице из примера.

Внутри вики-разметки можно ставить дополнительные пробелы, как в примере ниже, чтобы сама разметка смотрелась лучше, но на вид таблицы-результата это не повлияет.

В эту таблицу можно было бы добавить HTML атрибуты, но для простоты обойдёмся без них.

Апельсин Яблоко и т.д.
Хлеб Булка и т.д.
Масло Мороженое и т.д.
{|
|  Апельсин  ||   Яблоко  ||   и т.д.
|-
|    Хлеб    ||    Булка  ||   и т.д.
|-
|    Масло   || Мороженое ||   и т.д.
|}

С HTML атрибутами[edit | edit source]

Вы можете добавить HTML атрибуты, чтобы таблица смотрелась лучше

border="1"[edit | edit source]

Апельсин Яблоко
Хлеб Булка
Масло Мороженое
{| border="1"
|Апельсин
|Яблоко
|-
|Хлеб
|Булка
|-
|Масло
|Мороженое 
|}

align="center" border="1"[edit | edit source]

Апельсин Яблоко
Хлеб Булка
Масло Мороженое
{| align="center" border="1"
|Апельсин
|Яблоко
|-
|Хлеб
|Булка
|-
|Масло
|Мороженое 
|}

align="right" border="1"[edit | edit source]

Вы можете указывать атрибуты для отдельных ячеек. Например, числа лучше выравнивать по правому краю.

Апельсин Яблоко 12,333.00
Хлеб Булка 500.00
Масло Мороженое 1.00
{| border="1"
|Апельсин
|Яблоко
|align="right"|12,333.00
|-
|Хлеб
|Булка
|align="right"|500.00
|-
|Масло
|Мороженое
|align="right"|1.00
|}

Можно использовать атрибуты в отдельных строках.

Апельсин Яблоко 12,333.00
Хлеб Булка 500.00
Масло Мороженое 1.00
{| border="1"
|Апельсин
|Яблоко
|align="right"|12,333.00
|-
|Хлеб
|Булка
|align="right"|500.00
|- style="font-style:italic;color:green;"
|Масло
|Мороженое
|align="right"|1.00
|}

cellspacing="0" border="1"[edit | edit source]

Апельсин Яблоко
Хлеб Булка
Масло Мороженое
{| cellspacing="0" border="1"
|Апельсин
|Яблоко
|-
|Хлеб
|Булка
|-
|Масло
|Мороженое 
|}

cellpadding="20" cellspacing="0" border="1"[edit | edit source]

Апельсин Яблоко
Хлеб Булка
Масло Мороженое
{| cellpadding="20" cellspacing="0" border="1"
|Апельсин
|Яблоко
|-
|Хлеб
|Булка
|-
|Масло
|Мороженое 
|}

С HTML атрибутами и стилями CSS[edit | edit source]

Стили CSS можно использовать вместе с другими HTML атрибутами или отдельно.

style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"[edit | edit source]

Апельсин Яблоко
Хлеб Булка
Масло Мороженое
{| style="color:green;background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|Апельсин
|Яблоко
|-
|Хлеб
|Булка
|-
|Масло
|Мороженое 
|}

Таблица с заголовками TH[edit | edit source]

Для создания TH (заглавной ячейки таблицы в HTML) используйте ! вместо |. Заглавная ячейка обычно выделяется жирным и центрирована по умолчанию.

Заголовки столбцов[edit | edit source]

В каждом столбце[edit | edit source]

Вкусно Вкуснее
Апельсин Яблоко
Хлеб Булка
Масло Мороженое
{| border="1" cellpadding="20" cellspacing="0"
!Вкусно
!Вкуснее
|-
|Апельсин
|Яблоко
|-
|Хлеб
|Булка
|-
|Масло
|Мороженое 
|}

Colspan="2"[edit | edit source]

Вкусные
Апельсин Яблоко
Хлеб Булка
Масло Мороженое
{| border="1" cellpadding="20" cellspacing="0"
! colspan="2"|Вкусные
|-
|Апельсин
|Яблоко
|-
|Хлеб
|Булка
|-
|Масло
|Мороженое 
|}

Заголовки строк[edit | edit source]

По умолчанию[edit | edit source]

Фрукт Апельсин Яблоко
Еда Хлеб Булка
Добавка Масло Мороженое
{| border="1" cellpadding="20" cellspacing="0"
!Фрукт
|Апельсин
|Яблоко
|-
!Еда
|Хлеб
|Булка
|-
!Добавка
|Масло
|Мороженое 
|}

Выравнивание вправо[edit | edit source]

Заголовки строк, выровненные вправо, можно сделать так:

Фрукт Апельсин Яблоко
Еда Хлеб Булка
Добавка Масло Мороженое
{| border="1" cellpadding="20" cellspacing="0"
!align="right" |Фрукт
|Апельсин
|Яблоко
|-
!align="right" |Еда
|Хлеб
|Булка
|-
!align="right" |Добавка
|Масло
|Мороженое 
|}

Заглавие таблицы[edit | edit source]

Заглавие наверху таблицы можно добавить так:

Продукты
Апельсин Яблоко
Хлеб Булка
Масло Мороженое
{| border="1" cellpadding="20" cellspacing="0"
|+Продукты
|-
|Апельсин
|Яблоко
|-
|Хлеб
|Булка
|-
|Масло
|Мороженое 
|}

В заглавие тоже можно добавить атрибуты.

Продукты
Апельсин Яблоко
Хлеб Булка
Масло Мороженое
{| border="1" cellpadding="20" cellspacing="0"
|+align="bottom" style="color:#e76700;"|''Продукты''
|-
|Апельсин
|Яблоко
|-
|Хлеб
|Булка
|-
|Масло
|Мороженое 
|}

Заголовки H1, H2, H3 и т.д.[edit | edit source]

HTML-заголовки H1, H2, H3, H4 и т.д. могут быть созданы с помощью обычной вики-разметки со знаками ==равенства== и должны быть целиком в одну строку.

Предпросмотр всей таблицы. Если вы нажмёте на кнопку правки внутри таблицы, и в режиме редактирования выберите предпросмотр, таблица отобразится неправильно, так как часть её отсутствует.

Следите за совместимостью иерархии заголовков с остальной частью страницы, чтобы оглавление наверху страницы отображалось правильно.

Вкуснейшие[edit | edit source]

Апельсин Яблоко
Хлеб Булка
Масло Мороженое
{| border="3"  cellpadding="20" cellspacing="0"
|colspan="2"|
===Вкуснейшие===
|-
|Апельсин
|Яблоко
|-
|Хлеб
|Булка
|-
|Масло
|Мороженое 
|}

Предупреждение[edit | edit source]

Отрицательные числа[edit | edit source]

Отрицательные числа или знак минус (обозначающий отсутствие какого-либо значения) может нарушить таблицу, если ячейка начинается с новой строки (|-6), потому что это воспринимается вики как начало новой строки в таблице, а не новой ячейки. Чтобы избежать такой проблемы, ставьте пробел перед минусом (| -6) или воспользуйтесь внутристроковой разметкой (||-6).

Язык: English  • العربية • català • Deutsch • Zazaki • español • suomi • français • Bahasa Indonesia • italiano • 日本語 • 한국어 • português • português do Brasil • română • русский • slovenčina • Tiếng Việt • 中文