WikiDer > Справка: базовая разметка таблиц - Википедия
Эта справочная страница является практическое руководство. В нем подробно описаны процессы или процедуры некоторых аспектов норм и практики Википедии. Это не один из Политика или рекомендации Википедии, и может отражать разные уровни консенсус и проверка. |
Эта страница справки описывает базовую разметку вики для таблиц. Для более подробного руководства см. Справка: Таблица.
Вступление
Разметка базовой таблицы следующая. Вся эта разметка должна начинаться с новой строки, за исключением !!
и ||
.
{| | Начало таблицы | Он открывает стол |
|+ | Заголовок таблицы | Добавляет подпись. |
|- | Строка таблицы | Он разделяет строки (но для первой строки это необязательно). |
! | Заголовочная ячейка | Он добавляет ячейку заголовка, которую при желании можно разместить на следующей строке. |
!! | Ячейки заголовка в одной строке | Ячейки заголовка могут быть добавлены в одну строку через двойные метки. |
| | Ячейка данных | Он добавляет ячейку данных, которую при желании можно разместить на следующей строке. Также см. «Разделитель атрибутов» ниже. |
|| | Ячейки данных в одной строке | Ячейки данных могут быть добавлены в одну строку, разделенную двойными метками. |
| | Разделитель атрибутов | Он используется для отделения атрибутов HTML от содержимого ячейки (данных или заголовка) или содержимого заголовка. |
|} | Конец таблицы | Он закрывает стол. |
Примерная таблица
{| class = "wikitable" | + Заголовок: пример таблицы | -! header1! header2! header3 | - | row1cell1 | row1cell2 | row1cell3 | - | row2cell1 | row2cell2 | row2cell3 |}
Это даст:
header1 | header2 | header3 |
---|---|---|
row1cell1 | row1cell2 | row1cell3 |
row2cell1 | row2cell2 | row2cell3 |
{|
открывает стол и |}
закрывает это. 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 |}
Что производит:
columnheader1 | columnheader2 | |
---|---|---|
rowheader1 | row1cell1 | row1cell2 |
rowheader2 | row2cell1 | row2cell2 |
HTML атрибуты
HTML атрибуты часто требуется добавлять в таблицы по разным причинам. Атрибуты принимают базовую форму:
attribute = "значение"
Повторяя это, можно применить несколько атрибутов, например attribute1 = "значение1" attribute2 = "значение2"
Важные моменты для понимания:
- Вся разметка таблицы, кроме конца таблицы (
|}
), необязательно принимает один или несколько атрибутов в одной строке. - Разметка ячейки (
|
,||
,!
,!!
) и разметка подписи (|+
) удерживать содержимое. Так что отделите любые атрибуты от содержимого одной вертикальной чертой (|
), даже если содержимое ячейки находится на новой строке, что допустимо. - Разметка таблиц и строк (
{|
и|-
) не удерживают контент напрямую. Поэтому делаем нет добавить трубу (|
) после любых атрибутов.
Это как с содержимым ячейки, включая содержимое ячейки заголовка, а также заголовки.
Ячейки содержат контент, например 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 |}
Тогда он выдаст это:
header1 | header2 | header3 |
---|---|---|
row1cell1 | row1cell2 | row1cell3 |
row2cell1 | row2cell2 | row2cell3 |
Как видите, к тексту некоторых ячеек добавлен красный цвет. Обратите внимание, что при желании содержимое ячейки может быть добавлено в новые строки.
Добавление атрибутов 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 | ячейка2 | cell3 |
При желании содержимое ячеек можно добавить в новые строки:
{| 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>
теги не поддерживается в вики-тексте.
Смотрите также
Для получения дополнительной помощи с таблицами см .:
- Справка: Введение в таблицы с разметкой Wiki, краткое введение в таблицы
- Справка: Таблица, подробное и исчерпывающее руководство по таблицам
- Помощь: сортировка, сортируемые таблицы обычно используют
class = "wikitable sortable"
- Справка: сворачивание, сворачивающиеся таблицы обычно используют
class = "wikitable mw-collapsible"
- Редактирование Викитекста / Таблиц в Викиучебнике
- Редактирование Wikitext / таблиц, готовых к использованию в Викиучебнике
- Википедия: Руководство по стилям / Таблицы, Руководство по стилю для лучших практик для таблиц
- Википедия: Таблица, что можно и чего нельзя, краткое руководство к Руководству по стилю для столов
- Википедия: Расширенное форматирование таблиц, некоторые продвинутые техники