WikiDer > Справка: базовая разметка таблиц - Википедия

Help:Basic table markup - Wikipedia

Эта страница справки описывает базовую разметку вики для таблиц. Для более подробного руководства см. Справка: Таблица.

Вступление

Разметка базовой таблицы следующая. Вся эта разметка должна начинаться с новой строки, за исключением !! и ||.

{|

Начало таблицыОн открывает стол

|+

Заголовок таблицыДобавляет подпись.

|-

Строка таблицыОн разделяет строки (но для первой строки это необязательно).

!

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

!!

Ячейки заголовка в одной строкеЯчейки заголовка могут быть добавлены в одну строку через двойные метки.

|

Ячейка данныхОн добавляет ячейку данных, которую при желании можно разместить на следующей строке. Также см. «Разделитель атрибутов» ниже.

||

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

|

Разделитель атрибутовОн используется для отделения атрибутов HTML от содержимого ячейки (данных или заголовка) или содержимого заголовка.

|}

Конец таблицыОн закрывает стол.

Примерная таблица

{| class = "wikitable" | + Заголовок: пример таблицы | -! header1! header2! header3 | - | row1cell1 | row1cell2 | row1cell3 | - | row2cell1 | row2cell2 | row2cell3 |}

Это даст:

Заголовок: пример таблицы
header1header2header3
row1cell1row1cell2row1cell3
row2cell1row2cell2row2cell3

{| открывает стол и |} закрывает это. class = "wikitable" используется с большим количеством таблиц в Википедии, добавляет стандартное форматирование и следует в той же строке, что и {|.

| + Заголовок: пример таблицы добавляет заголовок «Заголовок: пример таблицы» в верхнюю часть таблицы. Подпись необязательна.

Заголовки столбцов создаются ! имя столбца. Ячейки созданы | текст ячейки. Разделитель между строками |-. Вы можете добавить дополнительный столбец, просто приклеив ! имя нового столбца в конце имени последнего столбца. Чтобы заполнить ячейки в этом столбце, вам нужно добавить еще одну ячейку в каждую строку: заполните ее, набрав | текст ячейки. Если вы хотите добавить дополнительную строку, просто добавьте |- в таблицу и заполните ее любым количеством соответствующих ячеек.

Важно отметить, что в каждой строке должно быть равное количество ячеек (если не переопределено rowspan или colspan, см. Ниже).

Пробелы в начале строки игнорируются. Таким образом | row1cell1 и | row1cell1 идентичны. Чтобы добавить трубу (|) в содержимое ячейки, вам нужно использовать <Nowiki> разметка.

Использование двойных отметок в таблицах

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

Например, будет получена та же таблица, что и выше:

{| class = "wikitable" | + Заголовок: пример таблицы | -! header1 !! header2 !! header3 | - | row1cell1 || row1cell2 || row1cell3 | - | row2cell1 || row2cell2 || row2cell3 |}

Ячейки заголовка столбца и строки

Ячейки заголовка могут быть ячейками заголовка столбца или строки. Например, в следующей таблице есть и то, и другое:

{| class = "wikitable" | + Заголовок: пример таблицы | -! ! columnheader1! columnheader2 | -! rowheader1 | row1cell1 | row1cell2 | -! rowheader2 | row2cell1 | row2cell2 |}

Что производит:

Заголовок: пример таблицы
columnheader1columnheader2
rowheader1row1cell1row1cell2
rowheader2row2cell1row2cell2

HTML атрибуты

HTML атрибуты часто требуется добавлять в таблицы по разным причинам. Атрибуты принимают базовую форму:

attribute = "значение"

Повторяя это, можно применить несколько атрибутов, например attribute1 = "значение1" attribute2 = "значение2"

Важные моменты для понимания:

  • Вся разметка таблицы, кроме конца таблицы (|}), необязательно принимает один или несколько атрибутов в одной строке.
  • Разметка ячейки (|, ||, !, !!) и разметка подписи (|+) удерживать содержимое. Так что отделите любые атрибуты от содержимого одной вертикальной чертой (|), даже если содержимое ячейки находится на новой строке, что допустимо.
  • Разметка таблиц и строк ({| и |-) не удерживают контент напрямую. Поэтому делаем нет добавить трубу (|) после любых атрибутов.

Добавление атрибутов HTML в ячейки и подписи

Это как с содержимым ячейки, включая содержимое ячейки заголовка, а также заголовки.

Ячейки содержат контент, например row1cell1. Разметка ячеек и подписей: |, ||, !, !! и |+. Атрибуты необходимо хранить отдельно от содержимого ячеек или заголовков с помощью одной вертикальной черты (|). Содержимое ячеек или заголовки могут следовать в той же строке или в следующей строке.

Итак, атрибуты можно вставлять следующим образом:

| атрибут = "значение" | row1cell1 | атрибут = "значение" | row1cell2 | атрибут = "значение" | row1cell3

Где attribute = "значение" указывает один или несколько атрибутов, например style = "цвет: красный".

Если ячейки находятся в одной строке, атрибуты могут быть добавлены следующим образом: | атрибут = "значение" | row1cell1 || атрибут = "значение" | row1cell2 || атрибут = "значение" | row1cell3

Добавление к заголовок можно сделать так:

! атрибут = "значение" | header1! атрибут = "значение" | header2! атрибут = "значение" | header3

Или вот так: ! атрибут = "значение" | header1 !! атрибут = "значение" | header2 !! атрибут = "значение" | header3

Добавление к подпись делается так: | + атрибут = "значение" | Заголовок заголовка

Например, допустим, мы хотели сделать текст некоторых ячеек красным. Атрибут для этого: style = "цвет: красный". Его можно добавить в некоторые ячейки таблицы, например:

{| class = "wikitable" | + Заголовок: некоторые ячейки красного текста. | -! header1! header2! header3 | - | style = "цвет: красный" | row1cell1 | row1cell2 | style = "цвет: красный" | row1cell3 | - | row2cell1 | style = "цвет: красный" | row2cell2 | row2cell3 |}

Тогда он выдаст это:

Подпись: некоторые ячейки красного текста.
header1header2header3
row1cell1row1cell2row1cell3
row2cell1row2cell2row2cell3

Как видите, к тексту некоторых ячеек добавлен красный цвет. Обратите внимание, что при желании содержимое ячейки может быть добавлено в новые строки.

Добавление атрибутов HTML к целым таблицам и строкам

В таблицах и строках используется следующая разметка: {|, |- и |}. Атрибуты могут быть добавлены к {| и |-. Они не хранят контент напрямую. Из-за этого они должны нет есть добавленная труба (|) после любых атрибутов.

Атрибуты можно добавить в разметку таблицы следующим образом: {| attribute = "значение", куда attribute = "значение" указывает один или несколько атрибутов.

Атрибуты могут быть добавлены в разметку строки следующим образом: | - атрибут = "значение".

Примером может служить

{| class = "wikitable"

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

{| class = "wikitable" style = "color: red"

применит два атрибута: класс и стиль. Этот атрибут стиля придает тексту красный цвет.

Пример атрибута, примененного к строке таблицы:

| - style = "height: 100px"

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

Обычно включены

Обычно в таблицы включаются следующие атрибуты HTML:

учебный класс
Например class = "wikitable". В атрибут класса обычно применяется к полной таблице. Другие классы включают class = "wikitable sortable" (сортируемые таблицы) и class = "wikitable mw-collapsible" (сворачивающиеся таблицы).
стиль
Например style = "цвет: красный". Он используется для CSS (Каскадные таблицы стилей), и может применяться к целым таблицам, заголовкам таблиц, строкам таблицы и отдельным ячейкам.
гребень
Например rowspan = "2". Используется для форматирования строк и ячеек таблицы таким образом, чтобы они выходили за пределы своего обычного размера одной строки, в данном примере двух строк.
Colspan
Например colspan = "2". Используется для форматирования строк и ячеек таблицы таким образом, чтобы они выходили за пределы обычного размера одного столбца, в этом примере - двух столбцов.
объем
Например scope = "col" или же scope = "row". Не имеет значения, но может использоваться для определения того, является ли ячейка заголовка заголовком строки или столбца.

Другие атрибуты HTML используются с таблицами, но многие из них устарели HTML5. Видеть "стол", "подпись", "строка таблицы", "ячейка заголовка" и "ячейка данных" для некоторых устаревших атрибутов.

Содержимое ячейки на новых строках

Содержимое ячейки может следовать в той же строке после своего разметка ячейки (который может включать атрибуты); или в строках под разметкой ячейки.

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

Например, возьмите следующую таблицу с одной строкой:

{| class = "wikitable" | + Однострочная таблица | style = "цвет: синий" | cell1 | cell2 | style = "цвет: синий" | cell3 |}

Его результат:

Таблица с одной строкой
ячейка1ячейка2cell3

При желании содержимое ячеек можно добавить в новые строки:

{| class = "wikitable" | + Однострочная таблица | style = "цвет: синий" | cell1 | cell2 | style = "цвет: синий" | cell3 |}

Его вывод аналогичен, но вертикальная высота увеличена:

Таблица с одной строкой

ячейка1

ячейка2

cell3

Как формируются таблицы

Если вы используете следующую вики-разметку для таблицы:

{| class = "wikitable" | + Заголовок: пример таблицы | -! header1! header2! header3 | - | row1cell1 | row1cell2 | row1cell3 | - | row2cell1 | row2cell2 | row2cell3 |}

В MediaWiki программное обеспечение переводит это в следующие HTML:

<стол учебный класс="wikitable"><подпись>Заголовок: пример таблицы</подпись><тело><tr><th>header1</th><th>header2</th><th>header3</th></tr><tr><тд>row1cell1</тд><тд>row1cell2</тд><тд>row1cell3</тд></tr><tr><тд>row2cell1</тд><тд>row2cell2</тд><тд>row2cell3</тд></tr></тело></стол>

В <table>...</table> теги открывает и закрывает таблицу. В <caption>...</caption> теги добавляет заголовок. В <tr>...</tr> теги открывает и закрывает строки таблицы. В <th>...</th> теги добавляет ячейку заголовка. В <td>...</td> теги добавляет ячейку данных. Необязательный <tbody>...</tbody> теги определяют, где начинается и заканчивается тело таблицы.

Атрибуты HTML могут быть добавлены путем вставки в открывающий тег. Например <table> можно добавить такой атрибут: <table attribute="value">, или же <table attribute1="value1" attribute2="value2"> для двух атрибутов. Все остальные теги подчиняются тому же правилу.

Вы можете добавить таблицу, используя кодировку HTML, а не разметку вики, как описано на HTML-элемент # Таблицы. Однако это не рекомендуется по причинам удобочитаемости; увидеть руководство по стилю на столах. Также обратите внимание, что <thead>, <tbody>, <tfoot>, <colgroup>, и <col> теги не поддерживается в вики-тексте.

Смотрите также

Для получения дополнительной помощи с таблицами см .: