Википедия: Расширенное форматирование таблиц

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

Ярлык WP: ДОПОЛНИТЕЛЬНЫЙ

Под вопросом доступность этого эссе . Конкретная проблема: многие из этих методов используют таблицы для целей макета . Соответствующее обсуждение можно найти на странице обсуждения . Информацию о том, как сделать статьи более доступными, можно найти на сайте WikiProject Accessibility .

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

Некоторые методы здесь выходят за рамки основ, описанных на справочной странице Википедии « Справка: Таблица », где объясняются почти все основные параметры форматирования таблиц, а также показаны примеры каждого из них.

Быстрая таблица из нескольких столбцов с интервалом [ править ]

Самый быстрый способ создать несколько столбцов текста:

{| cellpadding = 5| AA || BB || CC| -| ДД || EE || FF|}

Тем не менее, читатели часто предпочитают вертикальный список данных в каждом столбце.
Рамку можно добавить с помощью style = "border: 1px solid #BBB":

{| cellpadding = 5 style = "border: 1px solid #BBB"| AA || CC || EE| -| BB || ДД || FF|}

Обратите внимание, что цвет фона по умолчанию светлее, поэтому оттенок светло-сине-зеленого можно указать в каждой строке, используя шестнадцатеричный код цвета "#fafeff" (или "#FAFEFF" ), хотя цвет может не иметь значения в больших списках:

{| cellpadding = 5 style = "border: 1px solid #BBB"| - bgcolor = "# fafeff"| AA || CC || EE| - bgcolor = "# fafeff"| BB || ДД || FF|}

Сжатие в однострочную строку [ править ]

Викитекст для любой одной строки можно сжать в одну строку, объединив столбцы двойными полосами "||" между ними и заканчивая каждую строку «<tr>».

:: Пример строки 1: | '' fmtspec '' | AA || '' fmtspec '' | CC || '' fmtspec '' | EE <tr>:: Пример строки 2: | '' fmtspec '' | BB || '' fmtspec '' | DD || '' fmtspec '' | FF <tr>

( Fmtspec может иметь вид bgcolor = beige или style = "font-size: 91%" и т. Д.)

Иногда это делается потому, что легче переупорядочить или предварительно просмотреть строки, закодированные как отдельные строки текста. Несколько столбцов соединяются двойными полосами «||» между ними, при этом каждая одиночная полоса "|" вдоль линии позволяет использовать спецификатор формата перед каждым элементом данных, который заканчивается двойной чертой. Однако вики-код для новой строки, штрих-тире ("| -"), необходимо опустить, добавив "<tr>" в конце предыдущей строки над ней. Последняя строка не требует окончания «<tr>».

Плавающие изображения в центре [ править ]

Таблицу можно использовать для обтекания изображения, чтобы таблица могла плавать по направлению к центру страницы (например, при использовании: style = "float: right;"). Однако поля таблицы, границы и размер шрифта должны быть точно установлены, чтобы соответствовать типичному отображению изображения. Параметр Image-spec "thumb |" (хотя автоматическая миниатюра по ширине, заданной пользователем) заставляет широкое левое поле сжимать ближайший текст, поэтому параметр "center |" может быть добавлен для подавления заполнения левого поля. Однако «center» иногда перемещает заголовок во вторую строку (под центрированным прямоугольником «[]»), поэтому «thumb |» можно опустить и просто жестко запрограммировать размер изображения, добавив серую (#BBB) границу. Используя точные параметры для сопоставления с другими изображениями, таблицу плавающих изображений можно закодировать следующим образом:

{| style = "float: right; border: 1px solid #BBB; margin: .46em 0 0 .2em"| - style = "font-size: 86%"| valign = "top" | [[ Изображение: DuraEuropos-TempleOfBel.jpg | 180px ]] <! -  -> <br> Храм [[ Бэла (мифология) | Бел ]] (плавающий).|}

Размер текста внутри плавающей таблицы составляет style = "font-size: 86%" (аналогично размеру обычных подписей к изображениям). Эта таблица с плавающим изображением перемещает типичный блок изображения, но также позволяет регулировать левое поле изображения (см. Пример плавающего храма ниже).

Храм Бэла   (плавучий).

В этом поле показаны неявные поля [[Изображение: ... | справа]]

В этом поле показаны неявные поля [[Image: ... | left]]

Текст заголовка можно опустить или просто удалить параметр "thumb |" поэтому подпись будет скрыта до тех пор, пока не отобразится "отображением при наведении указателя мыши". К сожалению, параметр "thumb |" (используется для отображения подписи) также управляет автоматической миниатюрой для изменения размера изображений в соответствии с размером, заданным пользователем (размер миниатюр по умолчанию был 180 пикселей, затем после 2009 года стал 220 пикселей). В марте 2010 года было невозможно использовать автоматическое изменение размера миниатюр при одновременном скрытии подписи: вместо этого использовался параметр "thumb |" запускает оба действия и заставляет отображать подпись под изображением.

Изображение, заданное параметром "left |" получит широкое правое поле (противоположное поле параметра "right |"), поэтому перемещение влево потребует, чтобы изображение было установлено как "center |" внутри таблицы со стилем = "float: left; margin: 0.46em 0.2em".

Напомним, что вне таблицы изображений параметр "right |" заставляет изображение выравниваться (либо) над или под информационным окном, но не перемещается рядом с информационным окном. По этой причине многие изображения рядом с информационным окном обычно устанавливаются как "left |" для выравнивания по левому полю, а не по центру страницы.

Обратите внимание на порядок приоритета от правого поля: сначала идут информационные окна или изображения с использованием «right |», затем идут плавающие таблицы, и, наконец, любой текст, который все еще может уместиться, переносится. Если первое текстовое слово слишком длинное, никакой текст не уместится для заполнения левой части, поэтому будьте осторожны, создавая «рваное левое поле», когда недостаточно места для текста, чтобы поместиться рядом с плавающими таблицами.

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

... поплавком: вправо

... перенос изображений ...

Все эти...

Эту функцию автоматического выравнивания можно использовать для создания «плавающей галереи» изображений: набор из 20 плавающих таблиц будет переноситься (в обратном направлении, справа налево), как если бы каждая таблица была словом текста для переноса и вниз по странице. Для перехода в обычном направлении (слева направо) вместо этого определите все эти плавающие таблицы как левые таблицы, используя верхний параметр style = "float: left; margin: 0.46em 0.2em". Использование нескольких плавающих изображений дает возможность более гибкого набора изображений вокруг текста.

Удаление отступов / скобок текста [ править ]

Настоящее программное обеспечение для набора текста на протяжении более 30 лет обычно имеет простые директивы для запуска выравнивания по левому, правому, центральному или без отступа (за линией левого поля). Однако на протяжении десятилетий у HTML были только ограниченные возможности для легкого выравнивания (один:, <center>который теперь устарел). Метод удаления отступа у первого слова абзаца состоит в том, чтобы поместить абзац в текстовую таблицу, где первое слово (или слог) находится (отдельно) в столбце 1, а другой текст - в столбце 2.

Wikicode

< table  cellspacing = 0  cellpadding = 0 > < tr > < td  valign = top > Пчела < td > thoven состоит [[Лунная соната]] < бр > в то время как он теряет слух. </ таблица >

Полученные результаты

Пчела

Тховен сочинил « Лунную сонату», когда терял слух.

Обратите внимание на использование обоих " cellspacing=0 cellpadding=0", чтобы не разделять интервал между первым слогом "Bee" и "thoven".

В третьем столбце можно заключить текст в внешние скобки, а затем поставить закрывающую скобку "]" в столбец 3 следующим образом:

Wikicode

< Таблица > < тр > < тд  VALIGN = сверху > [ < TD > Эта строка 1. < бр > Линия 2. < TD > ] </ стол >

Полученные результаты

[

Это строка 1. Строка 2.

]

Маленькие таблицы в текстовой строке [ править ]

В течение многих лет в HTML таблица всегда вызывала неявный перенос строки (или перенос строки ). Итак, чтобы сохранить таблицу внутри строки, обходной путь состоит в том, чтобы поместить всю строку в таблицу, а затем встроить таблицу в таблицу, используя внешнюю таблицу, чтобы заставить всю строку оставаться вместе. Рассмотрим следующие примеры:

Wikicode ( показывает, что таблица заставляет перенос строки )

* Это тестовая таблица здесь < table  style = "border: 1px solid black" > < tr > < td > HELLO WORLD </ table > с последующим этим текстом.

Результат

• Это тестовая таблица здесь

  ПРИВЕТ МИР

  а затем этот текст.

Wikicode ( таблица внутри таблицы )

* < table  style = "background-color: #fafeff" > < tr > < td > Это тестовая таблица здесь < td > < table  height = 11px > < tr > < td  style = "border: 1px solid black; font -size: 60% " > ПРИВЕТ, МИР </ table > </ td > < td >, за которым следует этот текст. </ table > Эта строка представляет собой дополнительный текст после внешней таблицы.

Результат

• Это тестовая таблица здесь

  ПРИВЕТ МИР

  а затем этот текст.

  Эта строка - больше текста после внешней таблицы.

Используйте style = "font-size: 60%", чтобы уменьшить текст внутри поля. Однако небольшой текст можно заменить небольшими изображениями (выровненными внутри внутренней таблицы). Внешняя таблица предназначена только для 1 строки, поэтому, чтобы вторая строка выглядела ровной, необходимо заранее определить точную длину строки 1, чтобы она соответствовала длине других строк.

Перемещение или обмен столбцами [ править ]

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

Однако некоторые текстовые редакторы позволяют определить цикл повторения для определения местоположения и сдвига каждой седьмой строки или чего-то подобного, как повторяющийся шаблон, который может переупорядочивать столбцы в большой таблице. В другом методе, который иногда используется, каждый элемент данных сначала снабжается префиксом буквенного кода, вручную кодируется для конечной последовательности, затем эти строки сортируются, а затем удаляются все префиксы начального текста. Сортировку можно выполнить в отдельных файлах, например, с помощью команды DOS-prompt: SORT myfile.DAT > myfile2.DATили с помощью текстового редактора, такого как NoteTab., у которого есть опция модификации строк-сортировки. Уловки редактирования наиболее полезны, когда необходимо изменить несколько таблиц, тогда время, необходимое для разработки сложных шаблонов редактирования, может быть применено к каждой таблице. Для каждой таблицы вставьте альфа-префикс в каждый столбец (чтобы каждый маркер строки "| -" сортировался как нулевой столбец, например, префикс "Row124col00"), затем отсортируйте в новый файл, а затем удалите префикс записей столбца .

Опять же, имейте в виду, что утомительное ручное редактирование элементов в каждой строке часто происходит быстрее, чем потенциальная задержка неправильного автоматического редактирования. Если в одной таблице меняются местами только 2 столбца, то редактирование вырезанием / вставкой (этих записей столбца) обычно выполняется быстрее, чем префикс, сортировка и удаление префиксов столбцов.

Другой альтернативой является копирование всей таблицы с отображаемой страницы, вставка текста в электронную таблицу, перемещение столбцов по своему усмотрению. Затем восстановите строки таблицы с помощью формулы. Эта формула обрабатывает таблицу из трех столбцов, восстанавливая одну строку. Редакторы могут скопировать строку для каждой строки таблицы, а затем скопировать строки формулы обратно на страницу редактирования.

 = A1 & "||" & A2 & "||" & A3 & "<tr>"

Ошибка в HTML [ править ]

Если вы используете таблицы для двухмерной графики, вы можете обнаружить в HTML «особенность», которая способствует появлению седых волос. Это может повлиять как на строки, так и на столбцы, в зависимости от использования rowspan или colspan .

В этой 7-строчной таблице три ячейки имеют высоту 3 строки, но всего 6 строк. Где строка 4? Есть ряд 5-4!

Ответ заключается в том, что когда в таблице есть строка без какой-либо ячейки rowspan = 1, эта строка «сжимается» вверх и исчезает.

Решение : разделите одну из высоких ячеек так, чтобы в строке было одна ячейка rowspan = 1 (и не обращайте внимания на возможную потерю центрирования текста). Затем убейте границу между ними. Не забудьте заполнить ячейку ничем ( ). Это единственное решение, которое правильно сохраняет высоту ячейки, соответствующую высоте эталонной таблицы из семи строк.{{zwsp}}

Или, в этом случае, вы можете просто добавить третью строку текста (заполняя 3 строки доступного пространства) в ячейку «строка две / 3 строки», сохраняя при этом возможность центрирования текста:

Ошибка в wikitable класса [ править ]

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

В этой таблице желтые ячейки настроены именно для этого. Но почему вообще есть границы?

Если вы удалите class = wikitable, можно увидеть, что таблица настроена правильно:

Класс wikitable требует, чтобы граница между двумя ячейками исчезла ТОЛЬКО, когда ячейки начинались в ОДНОЙ строке (или столбце для вертикального эффекта).

Решение : разрезать их на части! И забудьте о центрировании текста. Не забудьте заполнить новые ячейки ничем (nbsp). Здесь с более темным желтым цветом:

Списки в многоколоночных таблицах [ править ]

{| cellpadding = 5 style = "border: 1px solid # AA6633"| - bgcolor = "# fafeff"| Это блокнотчтобы показать цвет границы.|}

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

См. Также [ править ]

Заметки [ править ]

[ Это эссе - черновик, который будет расширен позже. ]

Внешние ссылки [ править ]

• Редактирование Викитекста / таблиц в Викиучебниках
• Редактирование Wikitext / таблиц, готовых к использованию в Wikibooks
• Wikitable Editor , визуальный редактор таблиц в вики-коде
• HTML-WikiConverter , различные версии и языки