Вики-разметка: различия между версиями

Версия от 20:27, 7 сентября 2023

Ниже приведена справочная таблица по редактированию кода страниц в Википедии.

Перенаправление

Для создания перенаправления на страницу "А", нужно сделать страницу "Б", в которой в первой строчке код коде указать:

#REDIRECT [[Б]]

Баннер

Для добавления картинки-баннера в страницу, нужно использовать редактирование кода страницы и вставить следующее в любое место страницы,заменив "любая-картинка" на название файла:

{{PAGEBANNER:любая-картинка}}

Пример использования баннера можно посмотреть здесь.

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

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

 {{PAGEBANNER:любая-картинка
 |origin=0,1
 }}

Тут 0 и 1 говорят о положении по горизонтали (0) и вертикали(1), центр системы координат - центр картинки.

Для большинства случаев подойдет использовать |origin=0,1, в котором менять только последнюю цифру вертикали (1) на нужное значение:

1 - верх,
0 - центр,
-1 - низ картинки.

Допустимо использовать не целые значения, например, 0.5

Скрываемый / раскрываемый блок текста

Чтобы сделать вот такой блок текста с возможностью его свернуть:

Заголовок

Блок текста, который будет сворачиваться

Нужно использовать следующий код:

<div class="mw-collapsible"><div>
Заголовок
</div><div class="mw-collapsible-content">
Блок текста, который будет сворачиваться
</div>

При этом блок будет изначально раскрыт. Чтобы сделать блок изначально свернутым нужно первую строку кода чуть модифицировать на:

 <div class="mw-collapsible mw-collapsed"><div>

Получится так:

Заголовок

Блок текста, который будет сворачиваться

Подробнее техн.детали можно прочитать тут

2 таблицы в ряд

Пример:

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

В самом начале кода страницы вставить:

<templatestyles src="Шаблон:Styles table x2.css"></templatestyles>

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

<div class="flex-container-columns"><div>

После этого вставить таблицу 1 (она будет отображаться слева). После таблицы 1 вставить:

</div><div>

Далее вставить таблицу 2 (она будет отображаться справа) и после нее:

</div></div>

Пример итогового кода, который создает 2 таблицы выше на картинке:

 <templatestyles src="Шаблон:Styles table x2.css"></templatestyles>
 
 ...тут некий текст страницы... (его может и не быть)
 
 <div class="flex-container-columns"><div>
 
 {| class="wikitable"
 |+ Таблица 1
 |-
 ! Текст заголовка !! Текст заголовка
 |-
 | Текст ячейки || Текст ячейки
 |-
 | Текст ячейки || Текст ячейки
 |}
 
 </div><div>
 
 {| class="wikitable"
 |+ Таблица 2
 |-
 ! Текст заголовка !! Текст заголовка
 |-
 | Текст ячейки || Текст ячейки
 |-
 | Текст ячейки || Текст ячейки
 |}
 
 </div></div>

Если нужно сделать несколько рядов по 2 таблице в каждом, то нужно повторить все предыдущие шаги кроме:

 <templatestyles src="Шаблон:Styles table x2.css"></templatestyles>

Получится так:

<div class="flex-container-columns"><div>
Таблица 1

</div><div>
Таблица 2

</div></div>
<div class="flex-container-columns"><div>
Таблица 3

</div><div>
Таблица 4

</div></div>

Разделы, абзацы, списки и строки

Как это выглядит	Что нужно набрать
Начните раздел со строки заголовка: Новый раздел Подраздел Под-подраздел	Начните раздел со строки заголовка: == Новый раздел == === Подраздел === ==== Под-подраздел ====
Одиночный перевод строки не влияет на разметку. Его можно использовать, чтобы разделять предложения в одном абзаце. Некоторые редакторы считают, что это облегчает редактирование и улучшает функцию сравнения версий. Но пустая строка начинает новый абзац.	Одиночный перевод строки не влияет на разметку. Его можно использовать, чтобы разделять предложения в одном абзаце. Некоторые редакторы считают, что это облегчает редактирование и улучшает функцию ''сравнения версий''. Но пустая строка начинает новый абзац.
С помощью тега «br» можно разрывать строки, не начиная новый абзац.	С помощью тега «br» можно разрывать строки,<br /> не начиная новый абзац.
Сделать список очень просто: каждая строка начинается со звёздочки; чем больше звёздочек — тем глубже уровень; отступ внутри можно делать и с помощью двоеточия.	Сделать список очень просто: * каждая строка начинается со звёздочки; чем больше звёздочек — тем глубже уровень; : отступ внутри можно делать и с помощью двоеточия.
Нумерованные списки тоже хороши: очень организованные; легко читаются.	# Нумерованные списки тоже хороши: ## очень организованные; ## легко читаются.
Можно также делать смешанные списки: и вкладывать их как, например, здесь.	* Можно также делать смешанные списки: # и вкладывать их #* как, например, *# здесь.
Tочка с запятой в начале строки и затем двоеточие создают двухуровневый список.	;Tочка с запятой в начале строки: и затем двоеточие ;создают: двухуровневый список.
Двоеточие в начале строки делает отступ абзаца. Простой перенос строки при этом начинает новый абзац. Примечание: это применяется в основном на страницах обсуждения.	:Двоеточие в начале строки делает отступ абзаца. Простой перенос строки при этом начинает новый абзац.
ЕСЛИ строка начинается с пробела, ТОГДА она будет отформатирована так же, как и набрана; шрифтом фиксированной ширины; без переноса строк; [[без ссылок]]; КОНЕЦЕСЛИ Это можно применять для: * вставки преформатированного текста; * описания алгоритмов; * исходного кода программ * ascii art (создание изображений при помощи текстовых символов). ВНИМАНИЕ! Если вы сделаете такую строку длинной, вы сделаете всю страницу широкой и из-за этого менее читабельной. Никогда не начинайте обычные строки с пробела.	ЕСЛИ строка начинается с пробела, ТОГДА она будет отформатирована так же, как и набрана; шрифтом фиксированной ширины; без переноса строк; [[без ссылок]]; КОНЕЦЕСЛИ Это можно применять для: * вставки преформатированного текста; * описания алгоритмов; * исходного кода программ * ascii art (создание изображений при помощи текстовых символов);
Центрированный текст.	<center>Центрированный текст.</center>
Горизонтальная разделительная линия: четыре дефиса подряд	Горизонтальная разделительная линия: ---- четыре дефиса подряд
Этот абзац отцентрирован. Этот абзац выровнен по левому краю. Этот абзац выровнен по правому краю.	Вы можете управлять выравниванием текста абзаца, используя теги <p> с указанием в атрибуте `style` параметра `text-align`, со значением `center` для выравнивания по центру, `left` для выравнивания по левому краю, `right` для выравнивания по правому краю. По умолчанию принято выравнивание по левому краю. Например для выравнивания по правому краю используйте такую конструкцию: <p style="text-align:right;">Текст</p>

Ссылки, URL

Как это выглядит	Что надо набрать
В Лондоне хороший общественный транспорт. Первая буква точки назначения автоматически делается большой. Внутренние пробелы автоматически представляются как подчёркивания (набор подчёркивания имеет тот же эффект, что и набор пробела, но не рекомендуется). Таким образом, приведённая выше ссылка ведёт на http://ru.wikipedia.org/wiki/Общественный_транспорт, которая является статьёй с названием «Общественный транспорт». Внимание: если падеж ссылающегося слова или словосочетания не совпадает с именительным, то следует в двойных квадратных скобках ставить вертикальную черту и слева от неё писать именительный падеж, а справа — соответствующий грамматике предложения, в которое вставлена ссылка. Пример: Лондон располагает хорошим общественным транспортом.	В Лондоне хороший [[общественный транспорт]]. Лондон располагает хорошим [[общественный транспорт\| общественным транспортом]].
Та же ссылка, но с другим именем: справочная информация.	Та же ссылка, но с другим именем: [[Википедия:Справка\|справочная информация]]
Окончания сливаются со ссылкой: гены, в 2008 году	Окончания сливаются со ссылкой: [[ген]]ы, в [[2008 год]]у
Автоматически скрывается заключённое в круглых скобках: царство. Автоматически скрывается пространство имён: Портал сообщества. Сервер заполняет часть после \| в момент сохранения страницы.	Автоматически скрывается заключённое в круглых скобках: [[царство (биология)\|]]. Автоматически скрывается пространство имён: [[Википедия:Портал сообщества\|]].
Можно ссылаться на подраздел в самой статье, указав его после «решётки»: Ссылайтесь.	Можно ссылаться на подраздел в самой статье, указав его после «решётки»: [[Википедия:Правила и указания#Ссылайтесь\|Ссылайтесь]].
Если вы хотите просто создать ссылку на категорию, не добавляя в неё текущую страницу, используйте ссылки следующего вида: Категория:Википедия:Проекты. Не забывайте добавлять : в начало ссылки.	Если вы хотите просто создать ссылку на [[ВП:Категории\|категорию]], не добавляя в неё текущую страницу, используйте ссылки следующего вида: [[:Категория:Википедия:Проекты]].
При добавлении комментариев к странице обсуждения следует их подписать. Это можно сделать, добавив три тильды для получения имени пользователя: Montrealais или четыре для получения имени пользователя плюс дата/время: Montrealais 08:10 Oct 5, 2002 (UTC)	При добавлении комментариев к странице обсуждения, следует их подписать. Это можно сделать, добавив три тильды для получения имени пользователя: : ~~~ или четыре для получения имени пользователя плюс дата/время: : ~~~~ Именно вариант с датой и временем является предпочтительным.
Медведи на улицах Москвы — это страница, которая ещё не создана. Вы можете создать её, кликнув на ссылке. Подробнее см. руководство Как создать статью.	[[Медведи на улицах Москвы]] — это страница, которая ещё не создана.
Для специального случая ссылки на статью по тому же предмету на другом языке, смотрите Интервики.
Внешняя ссылка: Nupedia, для ссылок не на русском языке желательно указывать язык: Nupedia Шаблон:Ref-en	Внешняя ссылка: [http://www.nupedia.com Nupedia], для ссылок не на русском языке желательно указывать язык: [http://www.nupedia.com Nupedia]{{ref-en}}
Или просто укажите URL: http://www.nupedia.com. В URL все символы должны находиться в диапазонах: A-Z a-z 0-9 ._\/~%-+&#?!=()@ \x80-\xFF. Если URL содержит другие символы, их следует преобразовать: например, ^ следует записывать как %5E (чтобы можно было просматривать в ASCII).	Или просто укажите URL: http://www.nupedia.com.
Указать e-mail можно так: name@example.com Этот адрес приведён для примера, не используйте его.	Указать e-mail можно так: [mailto:name@example.com name@example.com]
Для того, чтобы включить ссылки на загруженные объекты, не являющиеся изображениями, такие как звуковые файлы, или на изображения, заданные ссылкой, а не отображаемые на странице, используйте «медиа»-ссылку. Звук Изображение торнадо	[[Медиа:Sg_mrob.ogg\|Звук]] [[Медиа:Tornado.jpg\|Изображение торнадо]]
Для ссылок на книги используйте ссылки ISBN: ISBN 0123456789X	ISBN 0123456789X
Для ссылки на RFC используйте: RFC 1234	RFC 1234

Форматирование текста

Как это выглядит	Что следует набрать
Полужирное и курсивное начертания используются в следующих случаях: логическое ударение структурное выделение логическое ударение в структурном выделении (или наоборот) Это двойные и тройные апострофы, а не кавычки.	''логическое ударение''<br /> '''структурное выделение'''<br /> '''''логическое ударение в структурном выделении (или наоборот)'''''.
Вы также можете писать курсивом и жирным, если вас интересует определенный стиль шрифта, а не логическое выделение, например, в математических формулах: F = ma Тем не менее, разница между этими двумя методами не очень важна для графических браузеров, и многие люди просто игнорируют её.	Вы также можете писать ''курсивом'' и '''жирным''', если вас интересует определенный стиль шрифта, а не логическое выделение, например, в математических формулах: :'''F''' = ''m'''''a'''
Моноширинный шрифт для `технических терминов`.	Моноширинный шрифт для <tt>технических терминов</tt>.
Специальное форматирование для фрагментов `кода программы`.	Специальное форматирование для фрагментов <code>кода программы</code>.
Вы можете использовать маленький текст для комментариев.	Вы можете использовать <small>маленький текст</small> для комментариев.
Вы можете ~~перечёркивать удалённый материал~~ и подчёркивать новый материал.	Вы можете <strike>перечёркивать удалённый материал</strike> и <u>подчёркивать новый материал</u>.
Вы можете вставлять специальные символы	См. Википедия:Специальные символы
x² ≥ 0 true Для разделения пробелами используйте знак пробела: ` `. Это также предотвращает переносы строк посреди текста, что полезно в формулах.	''x''<sup>2</sup>  ≥  0 true.
Нижний индекс: x₂ Верхний индекс: x² или x² Второй метод не может использоваться в общем случае, но при возможности (например, для единиц измерения) следует использовать именно его, поскольку большинство браузеров при этом лучше форматируют строки: ε₀ = 8.85 × 10⁻¹² C² / J m.	Нижний индекс: x<sub>2</sub> Верхний индекс: x<sup>2</sup> или x² ε<sub>0</sub> = 8.85 × 10<sup>−12</sup> C² / J m.
Сложные формулы: <math>\sum_{n=0}^\infty \frac{x^n}{n!}</math> Смотри Википедия:Формулы	<math>\sum_{n=0}^\infty \frac{x^n}{n!}</math>
Подавление интерпретации разметки: Link → (''to'') the [[Википедия:Справка]] Используется для изображения данных, содержащих символы со специальным значением. Игнорирует всю разметку wiki, включая ту, что выглядит как теги HTML. Не игнорирует символьные последовательности HTML.	<nowiki>Link → (''to'') the [[Википедия:Справка]]</nowiki>
Комментарий в исходном тексте страницы: не отображается на странице Используется для внесения в исходный текст страницы комментария для последующих редакторов.	<!-- комментарий -->

Оглавление статьи

Если в статье содержится, по меньшей мере, четыре раздела, то панель «Содержание» (с оглавлением статьи) автоматически появляется на странице, непосредственно перед первым заголовком Шаблон:Nobr сразу после вступительного раздела).

Если вы хотите, чтобы «Содержание» появилось в другом месте статьи, не где оно появляется по умолчанию, то поместите __TOC__ в то месте.

Если в статье мало заголовков и содержание не отображается, но все равно хотите его добавить, добавьте в самое начало кода страницы __FORCETOC__
А для того, чтобы «Содержание» вообще нигде не появлялось, достаточно поместить ключевое слово __NOTOC__

Таблицы

Транскрипция иностранных имён и названий

Сноски

Википедия:Сноски

Изображения

Плавающее изображение справа от текста: [[Image:Wikipedesketch1.png|right]

Плавающее изображение с рамкой и подписью справа от текста: [[Image:Wikipedesketch1.png|frame|right|Here is a really cool caption]

Плавающее изображение слева от текста: [[Image:Wikipedesketch1.png|left]

Жесткая вставка изображения: [[Image:Wikipedesketch1.png|none]

Как вставить рамку: [[Image:Wikipedesketch1.png|frame|This picture was Stevertigo's entry in the Wikipedia mascot contest]

Use "thumb" instead of "frame" if you want to have a caption and resize the picture.

Как вставить автоматически уменьшенную картинку: [[Image:Wikipedesketch1.png|thumb|The Wikipede]

Как указать размер для картинки: [[Image:Wikipedesketch1.png|100px]

Пример совмещения нескольких опций: [[Image:Wikipedesketch1.png|thumb|100px|right|The Wikipede]

Как соединить две картинки, чтобы они помещались подряд справа (вместо фигурных скобок далее вставить угловые <>):

{div style="float:right;width:315px;"}
  [[image:Wikipedesketch1.png|none|thumb|300px|Wikipede]

  [[image:Flag of Scotland.svg|none|thumb|200px|The flag of Scotland]
  {/div}

Как соединить две картинки, чтобы они помещались подряд по горизонтали: