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

Материал из VeganWiki
Перейти к: навигация, поиск
(стандарт html теперь такой)
 
(не показана 1 промежуточная версия этого же участника)
Строка 2: Строка 2:
 
'''Викиразметка''' позволяет значительно упростить веб-верстку по сравнению с чистым html/css. Тем не менее, викиразметка имеет свои особенности, которые надо знать.
 
'''Викиразметка''' позволяет значительно упростить веб-верстку по сравнению с чистым html/css. Тем не менее, викиразметка имеет свои особенности, которые надо знать.
  
'''Для переносов строки''' и создания новых абзацев в html используют теги <nowiki><br />, <p>...</p></nowiki> и некоторые другие, но в викиразметке для этого '''нужно просто оставить пустую строку''' между абзацами, хотя в некоторых случаях (например, в таблицах и шаблонах) тег <nowiki><br /></nowiki> является единственным способом корректно перенести строку.
+
'''Для переносов строки''' и создания новых абзацев в html используют теги <nowiki><br>, <p>...</p></nowiki> и некоторые другие, но в викиразметке для этого '''нужно просто оставить пустую строку''' между абзацами, хотя в некоторых случаях (например, в таблицах и шаблонах) тег <nowiki><br></nowiki> является единственным способом корректно перенести строку.
  
 
Обратите внимание, что строка должна начинаться с символов, '''если строка начинается с пробела''', то
 
Обратите внимание, что строка должна начинаться с символов, '''если строка начинается с пробела''', то
Строка 10: Строка 10:
 
По умолчанию, оглавление создается перед первым разделом текста (см. ниже). Но если необходимо оглавлением можно управлять.
 
По умолчанию, оглавление создается перед первым разделом текста (см. ниже). Но если необходимо оглавлением можно управлять.
 
{| class="wikitable" width="100%"
 
{| class="wikitable" width="100%"
| width="30%"|Параметр <nowiki>__TOC__</nowiki> заставит появится<br /> оглавление там, где вам нужно.||<nowiki>__TOC__</nowiki>
+
| width="30%"|Параметр <nowiki>__TOC__</nowiki> заставит появится<br> оглавление там, где вам нужно.||<nowiki>__TOC__</nowiki>
 
|-
 
|-
|Волшебное слово <nowiki>__NOTOC__ </nowiki> вообще <br />запрещает оглавлению появляться на странице, <br />если не использовано предыдущее волшебное слово.||<nowiki>__NOTOC__ </nowiki>
+
|Волшебное слово <nowiki>__NOTOC__ </nowiki> вообще <br>запрещает оглавлению появляться на странице, <br>если не использовано предыдущее волшебное слово.||<nowiki>__NOTOC__ </nowiki>
 
|}
 
|}
 
== Разделы ==
 
== Разделы ==
Строка 108: Строка 108:
 
** Уровень 2
 
** Уровень 2
 
|-
 
|-
| Альтернативный вариант без маркеров<br />(не рекомендуется к использованию)
+
| Альтернативный вариант без маркеров<br>(не рекомендуется к использованию)
 
|<pre>
 
|<pre>
 
: Уровень 1
 
: Уровень 1
Строка 124: Строка 124:
 
: Уровень 1
 
: Уровень 1
 
:: Уровень 2
 
:: Уровень 2
 +
|-
 +
| Возможно комбинирование нумерованного и ненумерованного списков:
 +
|<pre>
 +
* Уровень 1
 +
*# Уровень 2.1
 +
*#* Уровень 3.1
 +
*#* Уровень 3.2
 +
*# Уровень 2.2
 +
*# Уровень 2.3
 +
или
 +
# Уровень 1
 +
#* Уровень 2.1
 +
#*# Уровень 3.1
 +
#*# Уровень 3.2
 +
#* Уровень 2.2
 +
</pre>
 +
|
 +
* Уровень 1
 +
*# Уровень 2.1
 +
*#* Уровень 3.1
 +
*#* Уровень 3.2
 +
*# Уровень 2.2
 +
*# Уровень 2.3
 +
или
 +
# Уровень 1
 +
#* Уровень 2.1
 +
#*# Уровень 3.1
 +
#*# Уровень 3.2
 +
#* Уровень 2.2
 
|}
 
|}
 +
 
== Специальные теги ==
 
== Специальные теги ==
 
{| class="wikitable" width="100%"
 
{| class="wikitable" width="100%"

Текущая версия на 11:51, 30 ноября 2016

Общая информация[править]

Викиразметка позволяет значительно упростить веб-верстку по сравнению с чистым html/css. Тем не менее, викиразметка имеет свои особенности, которые надо знать.

Для переносов строки и создания новых абзацев в html используют теги <br>, <p>...</p> и некоторые другие, но в викиразметке для этого нужно просто оставить пустую строку между абзацами, хотя в некоторых случаях (например, в таблицах и шаблонах) тег <br> является единственным способом корректно перенести строку.

Обратите внимание, что строка должна начинаться с символов, если строка начинается с пробела, то

получится вот такая странная некрасивая строка.

Оглавление[править]

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

Параметр __TOC__ заставит появится
оглавление там, где вам нужно.
__TOC__
Волшебное слово __NOTOC__ вообще
запрещает оглавлению появляться на странице,
если не использовано предыдущее волшебное слово.
__NOTOC__

Разделы[править]

Для создания разделов используются символы "равно".

== Раздел 1го уровня ==

Раздел 1го уровня[править]

=== Раздел 2го уровня ===

Раздел 2го уровня[править]

==== Раздел 3го уровня ====

Раздел 3го уровня[править]

Оформление текста[править]

'''Полужирный''' Полужирный
''Курсив'' Курсив
'''''Полужирный Курсив''''' Полужирный Курсив
<u>Подчеркивание</u> Подчеркивание
<s>Зачеркивание</s> Зачеркивание
<small>Уменьшен</small>ный Уменьшенный
<big>Увеличен</big>ный Увеличенный
Верхний <sup>индекс</sup> Верхний индекс
Нижний <sub>индекс</sub> Нижний индекс

Ссылки[править]

Обычная внутренняя ссылка [[Вегетарианство]] Вегетарианство
Контекстуальная внутренняя ссылка, ведет на статью до черточки, а текст отображает после черточки [[Вегетарианство|вегетарианские]] блюда вегетарианские блюда
Также ссылка захватывает всё, что касается правых скобочек, поэтому возможны краткие записи от ед.числа [[зоопарк]]и зоопарки
Внешняя ссылка http://yandex.ru http://yandex.ru
Внешняя ссылка c текстом [http://yandex.ru Яндекс] Яндекс
Внешняя ссылка кратко [http://yandex.ru] [1]
Сноска оформляется тегами <ref>...</ref> Некоторый текст<ref>[http://mail.ru Почтовый сервис Mail.Ru] (обычная сноска)</ref> Некоторый текст[1]
Сноски могут иметь имя, для повторов этих сносок <ref name="web1">...</ref> Некоторый текст<ref name="web1">[http://vk.com ВКонтакте] (повторяющаяся сноска)</ref> Некоторый текст[2]
Повтор сноски имеет краткую запись <ref name="web1" /> Некоторый текст<ref name="web1" /> Некоторый текст[2]
Список сносок появятся там, где будет указан тег <references/>, или по умолчанию в конце страницы <references/>
  1. Почтовый сервис Mail.Ru (обычная сноска)
  2. 2,0 2,1 ВКонтакте (повторяющаяся сноска)

Списки[править]

Нумерованный список
# Уровень 1
## Уровень 2
### Уровень 3
## Уровень 2
# Уровень 1
## Уровень 2
  1. Уровень 1
    1. Уровень 2
      1. Уровень 3
    2. Уровень 2
  2. Уровень 1
    1. Уровень 2
Ненумерованный список
* Уровень 1
** Уровень 2
*** Уровень 3
** Уровень 2
* Уровень 1
** Уровень 2
  • Уровень 1
    • Уровень 2
      • Уровень 3
    • Уровень 2
  • Уровень 1
    • Уровень 2
Альтернативный вариант без маркеров
(не рекомендуется к использованию)
: Уровень 1
:: Уровень 2
::: Уровень 3
:: Уровень 2
: Уровень 1
:: Уровень 2
Уровень 1
Уровень 2
Уровень 3
Уровень 2
Уровень 1
Уровень 2
Возможно комбинирование нумерованного и ненумерованного списков:
* Уровень 1
*# Уровень 2.1
*#* Уровень 3.1
*#* Уровень 3.2
*# Уровень 2.2
*# Уровень 2.3
или
# Уровень 1
#* Уровень 2.1
#*# Уровень 3.1
#*# Уровень 3.2
#* Уровень 2.2
  • Уровень 1
    1. Уровень 2.1
      • Уровень 3.1
      • Уровень 3.2
    2. Уровень 2.2
    3. Уровень 2.3

или

  1. Уровень 1
    • Уровень 2.1
      1. Уровень 3.1
      2. Уровень 3.2
    • Уровень 2.2

Специальные теги[править]

Отмена обработки разметки <nowiki>...</nowiki> <nowiki>[[Ссылка]]</nowiki> [[Ссылка]]
Тег <pre>...</pre> аналогичен предыдущему, но применим к многострочному тексту

<pre>
* Уровень 1
** Уровень 2
*** Уровень 3
</pre>

* Уровень 1
** Уровень 2
*** Уровень 3
Тег <poem>...</poem> позволяет писать текст в стихотворной форме
<poem>
Я встретил вас  — и все былое
В отжившем сердце ожило; 
Я вспомнил время золотое— 
И сердцу стало так тепло...
</poem>

Я встретил вас — и все былое
В отжившем сердце ожило;
Я вспомнил время золотое—
И сердцу стало так тепло...

Тег <blockquote>...</blockquote> оформлять текст как цитату
Некоторый текст: <blockquote>
Я встретил вас  — и все былое
В отжившем сердце ожило; 
Я вспомнил время золотое— 
И сердцу стало так тепло...
</blockquote> Некоторый текст.
Некоторый текст:

Я встретил вас — и все былое В отжившем сердце ожило; Я вспомнил время золотое— И сердцу стало так тепло...

Некоторый текст.

Оформление таблиц[править]

Хотя викидвижок понимает и обычную html разметку таблиц, всё же предпочтительнее использовать специальную вики разметку.

Назначение Викиразметка Аналог html
Объявление таблицы {| ... |} <table>...</table>
Строка таблицы |- <tr>...</tr>
Ячейки строки заголовков ! 1ая ячейка !! 2ая ячейка !! и т.д. <th>1ая ячейка </th><th>2ая ячейка </th><th> и т.д.</th>
Ячейки обычной строки | 1ая ячейка || 2ая ячейка || и т.д. <td>1ая ячейка </td><td>2ая ячейка </td><td> и т.д.</td>

Ячейки можно записывать в строку |111||222||333||444, или же построчно:

|111
|222
|333
|444

Примеры[править]

{| class="wikitable" width="100%" (тут можно писать стили)
! width="30%" (так можно задать стиль ячейки) | Заголовок 1 
! Заголовок 2 
! Заголовок 3 
|- (отбили строку)
| Ячейка 1.1 || Ячейка 1.2 || Ячейка 1.3
|-
| Ячейка 2.1 
| width="30%" bgcolor="#FFBBFF" (так можно задать стиль ячейки) | Ячейка 2.2 
| Ячейка 2.3
|-
! Заголовок 1 !! Заголовок 2 !! Заголовок 3 
|-
| Ячейка 3.1 
| Ячейка 3.2 
| Ячейка 3.3
|} (закрыли таблицу)
Заголовок 1 Заголовок 2 Заголовок 3
Ячейка 1.1 Ячейка 1.2 Ячейка 1.3
Ячейка 2.1 Ячейка 2.2 Ячейка 2.3
Заголовок 1 Заголовок 2 Заголовок 3
Ячейка 3.1 Ячейка 3.2 Ячейка 3.3