Справка:Викиразметка — различия между версиями
Материал из VeganWiki
DD (обсуждение | вклад) |
DD (обсуждение | вклад) (оформление) |
||
| Строка 2: | Строка 2: | ||
'''Викиразметка''' позволяет значительно упростить веб-верстку по сравнению с чистым html/css. Тем не менее, викиразметка имеет свои особенности, которые надо знать. | '''Викиразметка''' позволяет значительно упростить веб-верстку по сравнению с чистым html/css. Тем не менее, викиразметка имеет свои особенности, которые надо знать. | ||
| − | '''Для переносов строки''' и создания новых абзацев в html используют теги <nowiki><br />, <p>...</p></nowiki> и некоторые другие, но в викиразметке для этого нужно просто оставить пустую строку между абзацами, хотя в некоторых случаях (например, в таблицах и шаблонах) тег <br /> является единственным способом корректно перенести строку. | + | '''Для переносов строки''' и создания новых абзацев в html используют теги <nowiki><br />, <p>...</p></nowiki> и некоторые другие, но в викиразметке для этого '''нужно просто оставить пустую строку''' между абзацами, хотя в некоторых случаях (например, в таблицах и шаблонах) тег <nowiki><br /></nowiki> является единственным способом корректно перенести строку. |
Обратите внимание, что строка должна начинаться с символов, '''если строка начинается с пробела''', то | Обратите внимание, что строка должна начинаться с символов, '''если строка начинается с пробела''', то | ||
Версия 09:48, 3 августа 2015
Общая информация
Викиразметка позволяет значительно упростить веб-верстку по сравнению с чистым 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 ## Уровень 2 ### Уровень 3 ## Уровень 2 # Уровень 1 ## Уровень 2 |
|
| Ненумерованный список | * Уровень 1 ** Уровень 2 *** Уровень 3 ** Уровень 2 * Уровень 1 ** Уровень 2 |
|
| Альтернативный вариант без маркеров (не рекомендуется к использованию) |
: Уровень 1 :: Уровень 2 ::: Уровень 3 :: Уровень 2 : Уровень 1 :: Уровень 2 |
|
Специальные теги
| Отмена обработки разметки <nowiki>...</nowiki> | <nowiki>[[Ссылка]]</nowiki> | [[Ссылка]] |
| Тег <pre>...</pre> аналогичен предыдущему, но применим к многострочному тексту | <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
|} (закрыли таблицу)
|
|
