Вики-разметка

Материал из Телемапедии
Версия для печати больше не поддерживается и может содержать ошибки обработки. Обновите закладки браузера и используйте вместо этого функцию печати браузера по умолчанию.

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

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

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

#REDIRECT [[Б]]

Баннер

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

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

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

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

WikidataPageBanner coordinates, landscape.svg.png

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

 {{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 таблиц.png



Для того, чтобы красиво расположить 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 />
не начиная новый абзац.

Сделать список очень просто:

  • каждая строка начинается со звёздочки;
    • чем больше звёздочек — тем глубже уровень;
      отступ внутри можно делать и с помощью двоеточия.
Сделать список очень просто:
* каждая строка начинается со звёздочки;
** чем больше звёздочек — тем глубже уровень;
**: отступ внутри можно делать и с помощью двоеточия.
  1. Нумерованные списки тоже хороши:
    1. очень организованные;
    2. легко читаются.
# Нумерованные списки тоже хороши:
## очень организованные;
## легко читаются.
  • Можно также делать смешанные списки:
    1. и вкладывать их
      • как, например,
    2. здесь.
* Можно также делать смешанные списки:
*# и вкладывать их
*#* как, например,
*# здесь.
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>.
Вы можете вставлять специальные символы См. Википедия:Специальные символы
x2   ≥   0 true

Для разделения пробелами используйте знак пробела: &nbsp;. Это также предотвращает переносы строк посреди текста, что полезно в формулах.

''x''<sup>2</sup>&nbsp;&nbsp;&ge;&nbsp;&nbsp;0 true.
Нижний индекс: x2

Верхний индекс: x2 или x²

Второй метод не может использоваться в общем случае, но при возможности (например, для единиц измерения) следует использовать именно его, поскольку большинство браузеров при этом лучше форматируют строки:

ε0 = 8.85 × 10−12

C² / J m.
Нижний индекс: x<sub>2</sub>
Верхний индекс: x<sup>2</sup> или x&sup2;
&epsilon;<sub>0</sub> =
8.85 &times; 10<sup>&minus;12</sup>
C&sup2; / 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 &rarr; (''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}
Как соединить две картинки, чтобы они помещались подряд по горизонтали:

[[image:Wikipedesketch1.png|left|thumb|300px|Wikipede] [[image:Wikipedesketch1.png|none|thumb|300px|Wikipede]