worldwide open-source software

Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.
====== Синтаксис форматирования ======

«Докувики» поддерживает простой язык разметки, который по возможности сохраняет файлы данных как можно более читабельными. Здесь перечислены все возможные синтаксические конструкции, которые можно использовать при редактировании статей. Просто посмотрите на исходный код этой статьи, нажав кнопку «Править страницу» в правой верхней части страницы в меню управления пользователя. Если хотите поупражняться, просто используйте «[[:playground|песочницу]]». Простую разметку также можно легко сделать с помощью [[wiki:toolbar|панели инструментов]].
  * [[manual|Руководство пользователя «Докувики»]]


<html>
<!-- LikeBtn.com BEGIN -->
<span class="likebtn-wrapper" data-lang="ru" data-i18n_like="Нравится" data-ef_voting="push" data-white_label="true" data-share_enabled="false" data-share_size="small" data-tooltip_enabled="false"></span>
<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//book51.ru/js/widget.js");</script>
<!-- LikeBtn.com END -->
</html>
===== Основные конструкции форматирования =====



«Докувики» поддерживает выделение текста **жирным шрифтом**, //курсивом//, __подчёркнутый текст__ и вывод текста ''моноширинным шрифтом''. Все эти конструкции можно **__//''объединить''//__**.

<code>
«Докувики» поддерживает выделение текста **жирным шрифтом**, //курсивом//, 
__подчёркнутый текст__ и вывод текста ''моноширинным шрифтом''. 
Все эти конструкции можно **__//''объединить''//__**. 
</code>

Также можно использовать <sub>подстрочный</sub> и <sup>надстрочный</sup> индексы.

<code>
Также можно использовать <sub>подстрочный</sub> и <sup>надстрочный</sup> индексы.
</code>

Ещё можно <del>зачеркнуть текст</del>.

<code>
Ещё можно <del>зачеркнуть текст</del>.
</code>

=====Выделение цветом (маркер)=====
<code>
Текст можно выделять цветом.
<wrap hi>выделить (маркер)</wrap>
<wrap lo>Пометить не важным</wrap> или же наоборот <wrap em>паметить важным</wrap>
</code>

Текст можно выделять цветом.
<wrap hi>выделить (маркер)</wrap>
<wrap lo>Пометить не важным</wrap> или же наоборот <wrap em>паметить важным</wrap> 

:!: Цветной текст при установленном плагине [[wiki:plugin:color|Color]] или [[wiki:plugin:typography|Typography]]
<code php plugin Color>
<color green>text</color>
<color blue/lightgrey>text</color>
<color #FF0000>text</color>
<color /#FFff00>text</color>
<color rgb(80%,0%,0%)/rgb(100%,80%,100%)>text</color>
<color hsl(120,100%,30%):hsl(180,50%,90%)>text</color>
</code>

<code php plugin Typography>
<fc #800000>Maroon</fc>
<fc red>Aquamarine</fc>
<fc green>text</fc>
<fc #ffff00>Yellow</fc>
<fc #800000>Maroon</fc>
<fc #9400d3>Dark Violet</fc>
<fc rgb(80%,0%,0%)>text</fc>
<fc hsl(120,100%,30%)>text</fc>
</code>
и вы увидите что-то вроде этого:

<fc #800000>Maroon</fc>
<fc red>Aquamarine</fc>
<fc green>text</fc>
<fc #ffff00>Yellow</fc>
<fc #800000>Maroon</fc>
<fc #9400d3>Dark Violet</fc>
<fc rgb(80%,0%,0%)>text</fc>
<fc hsl(120,100%,30%)>text</fc>

**Абзацы** отбиваются пустой строкой. Если нужно **принудительно вставить перенос строки**, не создавая абзац, вставьте два обратных слэша и за ним пробел или переход к новой строке.

Просто текст с разрывом строк\\ Обратите внимание, 
что два обратных слэша действуют только в конце строки\\
или если за ними стоит\\ пробел. Если его не поставить, \\получится вот так.

<code>Просто текст с разрывом строк\\ Обратите внимание,
что два обратных слэша действуют только в конце строки\\
или если за ними стоит\\ пробел. Если его не поставить, \\получится вот так.
</code>

Принудительные переносы следует использовать только в случае крайней необходимости.
<note yellow><fs xx-large><ff fantasy>Это огромный текст</ff></fs></note>
<note green><ff DS Yermak_D><fs x-large>зеленая заметка</fs></ff></note>
<note blue>
<wrap left>◀ [[playground:playground|playground]]</wrap> 
<wrap right>[[playground:playground|playground]] ▶</wrap>
</note>

<note blue>
<wrap left>← [[playground:playground|playground]]</wrap> 
<wrap right>[[playground:playground|playground]] →</wrap>
</note>
===== Ссылки =====


==== Внешние ====
{{:vneshnie_ssilki_1.png?|}}
<code>Внешние ссылки распознаются автоматически: http://www.google.com или
просто www.google.com --- также можно указывать текст ссылки:
[[http://www.google.com|Это ссылка на Google]]. Адреса электронной почты
тоже распознаются: <andi@splitbrain.org>.</code>
В данном экземпляре wiki внешние ссылки распознаются автоматически, но дефолтные [[syntax.my#Отключить иконки ссылок|иконки ссылок отключены]]: http://www.google.com или
просто www.google.com --- также можно указывать текст ссылки:
[[http://www.google.com|Это ссылка на Google]]. Адреса электронной почты
тоже распознаются: <andi@splitbrain.org>. При необходимости используются [[syntax.my#Интервики|иконки ссылок Интервики]] следующего вида [[ubuntu>ubuntu]], [[world>www.hq.vevo.com]]  или [[world>www.hq.vevo.com| это ссылка на vevo]] и [[google>google]], так же применяются иконкт ссылок в виде смайлов :&: [[https://ru.wikipedia.org/wiki/|См. подробнее wiki]] и [[https://mail.rambler.ru/|Внешняя ссылка]]:&14: или [[mail>rambler.ru]] ну и на конец [[github>]][[https://github.com/splitbrain/dokuwiki-stickbuilder|Dokuwiki + Apache на GitHub]]
==== Внутренние ====

Внутренние ссылки создаются посредством квадратных скобок.
Можно либо просто указать [[wiki:pagename|имя страницы]], либо
дополнительно прописать [[wiki:pagename|текст ссылки]]. Имена
вики-статей автоматически  переводятся в нижний регистр,
спецсимволы использовать нельзя.

<code>Внутренние ссылки создаются посредством квадратных скобок.
Можно либо просто указать [[wiki:pagename]], либо
дополнительно прописать [[wiki:pagename|текст ссылки]]. Имена
вики-статей автоматически  переводятся в нижний регистр,
спецсимволы использовать нельзя.</code>

Можно использовать в ссылке [[wiki:namespaces|пространства имён]] через двоеточие.

<code>Можно использовать в ссылке [[:namespaces|пространства имён]] через двоеточие.</code>

Ставить ссылки на определённый раздел тоже можно. Просто добавьте через решётку (#) имя раздела, так же, как это делается в HTML. Ссылка на [[#внутренние|этот раздел]].

<code>Ссылка на [[#внутренние|этот раздел]].</code>

Примечания:

  * Ссылки на [[:wiki:syntax|существующие статьи]] отображаются иначе, чем ссылки на [[nonexisting|несуществующие]].
  * «Докувики» по умолчанию не использует [[wp>wiki:CamelCase|CamelCase]] (ВерблюжийРегистр) для автоматического создания ссылок, но эту возможность можно включить в файле ''conf/dokuwiki.php'', см. подробнее [[:wiki:config:config]]. Проверка: если Wiki --- ссылка, значит эта возможность включена.
  * Если меняется название раздела, ссылки на него не меняются автоматически. Так что не очень полагайтесь на ссылки на разделы.
  * Ссылки на разделы делаются именно на [[#Разбивка на разделы|разделы]].

==== Интервики ====

«Докувики» поддерживает [[doku>doku]]-ссылки. Это короткие ссылки
на другие вики. Например, вот ссылка на статью Википедии о вики: [[wp>Wiki]], а это на [[ubuntu>ubuntu]] или на [[google>открыть страницу google]] или пустая на страницу интернета [[world>world]]\\  
[[tel>899256985]]\\  
[[mail>polskiyvn@gmail.com]]\\  
[[address>Poliarniy]]\\  
[[xref>doku.php]]\\  
[[github>github]]\\  
[[gitlab>gitlab]]\\  
[[ya>yandex.ru]]\\  
[[google.ru>google.ru]]

<code>
«Докувики» поддерживает [[doku>doku]]-ссылки. Это короткие ссылки
на другие вики. Например, вот ссылка на статью Википедии о вики: [[wp>Wiki]], а это на [[ubuntu>ubuntu]] или на [[google>открыть страницу google]] или пустая на страницу интернета [[world>world]]
</code>

Изменить или назначить свои можно:
  - Добавив иконку png или svg в папку lib/images/interwiki
  - Добавив запись в conf/interwiki.conf
  - пересохранив файл conf/local.php для очистки кеша


==== Сетевые ресурсы Windows ====

Ссылки на сетевые ресурсы вида \\server\share тоже распознаются. Однако учтите, что такие ссылки имеют смысл только в гомогенных группах пользователей, например в корпоративном интранете.

<code>Ссылки на сетевые ресурсы вида \\server\share тоже распознаются.</code>

Примечания:

  * Из соображений безопасности непосредственный просмотр сетевых ресурсов работает по умолчанию только в Internet Explorer (и только в «локальной зоне»).
  * В браузерах Mozilla эту возможность можно включить с помощью опции [[http://www.mozilla.org/quality/networking/docs/netprefs.html#file|security.checkloaduri]], но делать это не рекомендуется.
  * Подробней читайте здесь: [[bug>151]].

==== Картинки-ссылки ====

Совместив синтаксис ссылки и [[#картинки и другие файлы|картинки]], можно вставить в текст картинку, которая будет внутренней или внешней ссылкой:

<code>[[http://www.php.net/|{{wiki:dokuwiki-128.png}}]]</code>



{{tablelayout?rowsHeaderSource=auto}}
^   ^   ^
|<code>[[http://www.php.net/|{{wiki:dokuwiki-128.png}}]]</code>   |[[http://www.php.net/|{{wiki:dokuwiki-128.png?50}}]]   |
Учтите: форматирование картинок --- это единственная синтаксическая конструкция, которую можно использовать в тексте ссылки.
====Отключить иконки ссылок====
Отключить значки у ссылок можно в файле _links.css или design.css в каталоге используемого вами шаблона lib\tpl\имя_шаблона\css. 
Для отключения отображения значков внешних ссылок достаточно закомментировать всю секцию external link 

<code php>
/* external link */
div.dokuwiki a.urlextern {
  background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}
</code>
==== Сноски ====

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

<code>С помощью двойных скобок можно добавить сноску((Сноска —
помещаемые внизу страницы примечание, ссылка, перевод.)).</code>

===== Разбивка на разделы =====

Для структурирования текста можно использовать до пяти уровней заголовков. Если в тексте больше трёх заголовков, автоматически создаётся список содержимого. Его можно отключить, вставив в документ строку %%~~NOTOC~~%%.


==== Заголовок 3 уровня ====
=== Заголовок 4 уровня ===
== Заголовок 5 уровня ==

<code>
==== Заголовок 3 уровня ====
=== Заголовок 4 уровня ===
== Заголовок 5 уровня ==
</code>

Четыре и более тире преобразуются в горизонтальную черту:

----
<code>
----
</code>

===== Картинки и другие файлы =====

См. также: «[[wiki:images|Работа с изображениями и медиафайлами]]».

С помощью фигурных скобок можно вставлять в текст внешние и внутренние [[ru:images|картинки]]. По желанию можно указать их размер.


| @lightgreen:**Нормальный размер:** |{{:blender3d_demo.png?150|}}|
| @#6495ed:**Отмасштабированная до заданной ширины:** | {{:blender3d_demo.png?100}} |
| @#fafad2:**Отмасштабированная до заданных размеров:** |  {{:blender3d_demo.png?250x40}} |
| @#ffa07a:**задать название** | {{ :blender3d_demo.png?150 |Логотип «Blender»}}|
| @#add8e6: **— картинка слева** |{{:blender3d_demo.png?100 }} |
| @orange:  **— справа**|{{ :blender3d_demo.png?100}}|
| @lightgreen:** — посередине** |{{ :blender3d_demo.png?100 }} |



Если задать имя файла (внутреннее или внешнее), который не является картинкой (''gif, jpeg, png''), оно будет отображаться в виде ссылки.

Узнать, как вставить картинку со ссылкой можно в [[#картинки-ссылки|разделе выше]].

===== Списки =====

«Докувики» поддерживает нумерованные и маркированные списки. Чтобы создать элемент списка, поставьте в начале строки два пробела и потом звёздочку (*) в случае маркированного списка, или дефис (-) --- в случае нумерованного.

  * Первый элемент маркированного списка
    * Второй элемент списка
      * Можно сделать вложенный список
    * Ещё один элемент

  - Тот же список, только нумерованный
    - Ещё элемент
      - Чем больше пробелов в начале, тем глубже вложенность
    - Всё просто

<code>
  * Первый элемент маркированного списка
    * Второй элемент списка
      * Можно сделать вложенный список
    * Ещё один элемент

  - Тот же список, только нумерованный
    - Ещё элемент
      - Чем больше пробелов в начале, тем глубже вложенность
    - Всё просто
</code>

См. также [[wiki:faq:lists|FAQ по элементам списка]].


===== Цитирование =====

Иногда нужно пометить некоторый текст в качестве ответа или комментария. Для этого можно использовать следующий синтаксис:

  Я думаю, мы должны это сделать.
  > Нет, мы не должны.
  >> Ну, я говорю, что мы должны.
  > Действительно?
  >> Да!
  >>> Тогда сделаем это!

Я думаю, мы должны это сделать.
> Нет, мы не должны.
>> Ну, я говорю, что мы должны.
> Действительно?
>> Да!
>>> Тогда сделаем это!
===== Смайлики =====

«Докувики» переделывает наиболее употребляемые смайлики в их графические эквиваленты. Дополнительные смайлики можно положить в директорию ''smiley'' и добавить их в файл ''conf/smileys.local.conf''. Вот смайлики, которые есть в «Докувики»:
  * :?: %%:?:%%
  * :!: %%:!:%%
Можно расширить возможности данного расширения, своими смайликами или часто добавляемыми вставками, добавив в файл ''conf/smileys.local.conf'' картинки ''png'':
  * :ctrl_o_enter_ctrl_x.png: это сочетание клавиш для вставки
  * 8-) {{:icons:16:hourglass-select.png?|Устаревший}} :&11: :&15: :&16: :&7:
  * :&: это говорит о важности прочтения
{{:botoomst_3.png?|}}
:&ctrl+o: / :&ok:
:&sbros: = :&dalee: и :&nazad:
:&gal:


===== Иконки =====

<code html icons code>
{{:icons:16:hourglass-select.png?|Устаревший. Не для использования на новых web-сайтах.}} - Устаревший. Не для использования на новых web-сайтах.
{{:icons:16:flask.png?|Экспериментальный. Возможно изменение в будущем.}} - Экспериментальный. Возможно изменение в будущем.
{{:icons:16:jar.png?|Нестандартный. Проверьте поддержку браузером.}} - Нестандартный. Проверьте поддержку браузером.
</code>
{{:icons:16:hourglass-select.png?|Устаревший. Не для использования на новых web-сайтах.}} - Устаревший. Не для использования на новых web-сайтах. \\  
{{:icons:16:flask.png?|Экспериментальный. Возможно изменение в будущем.}} - Экспериментальный. Возможно изменение в будущем. \\  
{{:icons:16:jar.png?|Нестандартный. Проверьте поддержку браузером.}} - Нестандартный. Проверьте поддержку браузером. \\  

<code html icons text>
{{:icons:16:book-open.png?|book-open.png.}} - book-open.png
{{:icons:16:tick.png?|tick.png}} - tick.png
</code>

^ icons text    {{:icons:16:book-open.png?|book-open.png.}} -  %%{{:icons:16:book-open.png?|book-open.png.}}%%    ^^^^
| {{:icons:16:book-open.png?|book-open.png.}} - book-open.png  | {{:icons:16:book-open-bookmark.png?|book-open-bookmark.png}} - book-open-bookmark.png | {{:icons:16:wand-hat.png?|wand-hat.png}} - wand-hat.png  | {{:icons:16:balloon.png?|balloon.png}} - balloon.png |
| {{:icons:16:exclamation--frame.png?|exclamation--frame.png}} - exclamation--frame.png  | {{:icons:16:exclamation-red.png?|exclamation-red.png}} - exclamation-red.png  | {{:icons:16:information.png?|information.png}} - information.png | {{:icons:16:light-bulb-off.png?|light-bulb-off.png}} - light-bulb-off.png |
| {{:icons:16:light-bulb.png?|light-bulb.png}} - light-bulb.png  | {{:icons:16:magnifier-left.png?|magnifier-left.png}} - magnifier-left.png  | {{:icons:16:navigation-000-button-white.png?|navigation-000-button-white.png}} - navigation-white.png | {{:icons:16:notify.png?|notify.png}} - notify.png |
| {{:icons:16:pin.png?|pin.png}} - pin.png  | {{:icons:16:tick.png?|tick.png}} - tick.png  | {{:icons:16:tick-red.png?|tick-red.png}} - tick-red.png | {{:icons:16:leaf.png?|leaf.png}} - leaf.png |
| {{:icons:16:leaf-yellow.png?|leaf-yellow.png}} - leaf-yellow.png  | {{:icons:16:leaf-red.png?|leaf-red.png}} - leaf-red.png  | {{:icons:16:lightning.png?|lightning.png}} - lightning.png | {{:icons:16:box.png?|box.png}} - box.png |
===== Иконки Font Awesome =====

<code html icons Font Awesome>
{{fa>home?16|My Home}}{{fa>refresh?16&fa-spin}}
{{icon>home?24&circle&padding=10px&background=#DDD&color=#CCC}}
{{fa>home|My Home}}
{{fugue>user?24}}
{{flag>fr}}
{{silk>anchor}}
{{flag>ru}}
[[:wiki:welcome|{{fa>home?24|Welcome to DokuWiki}}]]
[[https://github.com/LotarProject/dokuwiki-plugin-icons|{{fa>github-square?24|Icons DokuWiki plugin on GitHub}}]] 
[[https://gitlab.com/|{{fa>gitlab?24|Icons DokuWiki plugin on GitLab}}]] 
[[https://github.com/|{{fa>github?24|Icons DokuWiki plugin on GitHub}}]] 
{{flag>no}}
</code>
{{fa>home?16|My Home}}{{fa>refresh?16&fa-spin}}
{{icon>home?24&circle&padding=10px&background=#DDD&color=#CCC}}
{{fa>home|My Home}}
{{fugue>user?24}}
{{silk>anchor}}
[[:wiki:welcome|{{fa>home?24|Welcome to DokuWiki}}]]
[[https://github.com/LotarProject/dokuwiki-plugin-icons|{{fa>github-square?24|Icons DokuWiki plugin on GitHub}}]] 
[[https://gitlab.com/|{{fa>gitlab?24|Icons DokuWiki plugin on GitLab}}]] 
[[https://github.com/|{{fa>github?24|Icons DokuWiki plugin on GitHub}}]] 

  * [[software:development:web:docs:web:css:fontawesome|См. Иконки веб-приложений Font Awesome]]
  * [[software:development:web:docs:web:css:font_awesome_examples|См. Примеры Font Awesome]]
  * [[software:development:web:docs:web:css:font_awesome_all_icons|См. Все иконки Font Awesome]]
{{flag>fr}} {{flag>ge}} {{flag>jp}} {{flag>be}} {{flag>ru}} {{flag>sv}} {{flag>ca}} {{flag>gb}}
{{flag>dk}} {{flag>ee}} {{flag>es}} {{flag>fi}} {{flag>il}} {{flag>kr}} {{flag>no}} {{flag>za}}
{{flag>us}} {{flag>rs}} {{flag>pl}} {{flag>hy}} {{flag>es}} {{flag>mx}} {{flag>ch}} {{flag>au}}
===== Типографские символы =====

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

-> <- <-> => <= <=> >> << -- --- '640x480' (c) (tm) (r) ...\\
"Александр Сергеевич(tm) --- это наше всё (c) не я"

<code>
-> <- <-> => <= <=> >> << -- --- '640x480' (c) (tm) (r) ...
"Александр Сергеевич(tm) --- это наше всё (c) не я"
</code>

Примечание: это конвертирование можно отключить в файле конфигурации ''[[wiki:entities|conf/entities.conf]]''.
\\  Примеры:
↑,↓,↔,↕,↖,↗,↘,↙,↩,↪,©,®,‼,⁉,™,ℹ,⌚,⌛,⌨,⏏,⏩,⏪,⏫,⏬,⏭,⏮,⏯,⏰,⏱,⏲,⏳,⏸ ,⏹,⏺,Ⓜ,▪,▫,▶,◀,◻,◼,◽,◾,☀,☁,☂,☃, ☄,☎,☑,☔,☕,☘,☝,☠,☢,☣,☦,☪,☮,☯,☸,☹, ☺,♈,♉,♊,♋,♌,♍,♎,♏,♐,♑,♒,♓,♠,♣,♥ ,♦,♨,♻,♿,⚒,⚓,⚔,⚖,⚗,⚙,⚛,⚜,⚠,⚡,⚪,⚫ ,⚰,⚱,⚽,⚾,⛄,⛅,⛈,⛎,⛏,⛑,⛓,⛔,⛩,⛪,⛰,⛱ ,⛲,⛳,⛴,⛵,⛷,⛸,⛹,⛺,⛽,✂, ✅,✈,✉,✊,✋,✌ ,✍,✏,✒,✔,✖,✝,✡,✨,✳,✴,❄,❇,❌,❎,❓, ❔,❕,❗,❣,❤,➕,➖,➗,➡,➰,➿,⤴,⤵,⬅,⬆,⬇, ⬛,⬜,⭐,⭕,〰,〽,㊗,㊙,🀄,🃏,🅰,🅱,🅾,🅿,🆎,🆑 ,🆒,🆓,🆔,🆕,🆖,🆗,🆘,🆙,🆚,🈁,🈂,🈚,🈯,🈲,🈳,🈴 ,🈵,🈶,🈷,🈸,🈹,🈺,🉐,🉑,🌀,🌁,🌂,🌃,🌄,🌅,🌆, 🌇,🌈,🌉,🌊,🌋,🌌,🌍,🌎,🌏,🌐,🌑,🌒,🌓,🌔,🌕,🌖, 🌗,🌘,🌙,🌚,🌛,🌜,🌝,🌞,🌟,🌠,🌡,🌤,🌥,🌦,🌧,🌨, 🌩,🌪,🌫,🌬,🌭,🌮,🌯,🌰,🌱,🌲,🌳,🌴,🌵,🌶,🌷,🌸, 🌹,🌺,🌻,🌼,🌽,🌾,🌿,🍀,🍁,🍂,🍃,🍄,🍅,🍆,🍇,🍈 ,🍉,🍊,🍋,🍌,🍍,🍎,🍏,🍐,🍑,🍒,🍓,🍔,🍕,🍖,🍗,🍘 ,🍙,🍚,🍛,🍜,🍝,🍞,🍟,🍠,🍡,🍢,🍣,🍤,🍥,🍦,🍧, 🍨,🍩,🍪,🍫,🍬,🍭,🍮,🍯,🍰,🍱,🍲,🍳,🍴,🍵,🍶,🍷, 🍸,🍹,🍺,🍻,🍼,🍽,🍾,🍿,🎀,🎁,🎂,🎃,🎄,🎅,🎆,🎇 ,🎈,🎉,🎊,🎋,🎌,🎍,🎎,🎏,🎐,🎑,🎒,🎓,🎖,🎗,🎙,🎚 ,🎛,🎞,🎟,🎠,🎡,🎢,🎣,🎤,🎥,🎦,🎧,🎨,🎩,🎪,🎫,🎬 ,🎭,🎮,🎯,🎰,🎱,🎲,🎳,🎴,🎵,🎶,🎷,🎸,🎹,🎺,🎻,🎼 ,🎽,🎾,🎿,🏀,🏁,🏂,🏃,🏄,🏅,🏆,🏇,🏈,🏉,🏊,🏋, 🏌,🏍,🏎,🏏,🏐,🏑,🏒,🏓,🏔,🏕,🏖,🏗,🏘,🏙,🏚,🏛, 🏜,🏝,🏞,🏟,🏠,🏡,🏢,🏣,🏤,🏥,🏦,🏧,🏨,🏩,🏪,🏫, 🏬,🏭,🏮,🏯,🏰,🏳,🏴,🏵,🏷,🏸,🏹,🏺,🏻,🏼,🏽,🏾, 🏿,🐀,🐁,🐂,🐃,🐄,🐅,🐆,🐇,🐈,🐉,🐊,🐋,🐌,🐍,🐎 ,🐏,🐐,🐑,🐒,🐓,🐔,🐕,🐖,🐗,🐘,🐙,🐚,🐛,🐜,🐝,🐞 ,🐟,🐠,🐡,🐢,🐣,🐤,🐥,🐦,🐧,🐨,🐩,🐪,🐫,🐬,🐭,🐮 ,🐯,🐰,🐱,🐲,🐳,🐴,🐵,🐶,🐷,🐸,🐹,🐺,🐻,🐼,🐽,🐾 ,🐿,👀,👁,👂,👃,👄,👅,👆,👇,👈,👉,👊,👋,👌,👍, 👎,👏,👐,👑,👒,👓,👔,👕,👖,👗,👘,👙,👚,👛,👜,👝, 👞,👟,👠,👡,👢,👣,👤,👥,👦,👧,👨,👩,👪,👫,👬,👭 ,👮,👯,👰,👱,👲,👳,👴,👵,👶,👷,👸,👹,👺,👻,👼,👽 ,👾,👿,💀,💁,💂,💃,💄,💅,💆,💇,💈,💉,💊,💋,💌, 💍,💎,💏,💐,💑,💒,💓,💔,💕,💖,💗,💘,💙,💚,💛,💜, 💝,💞,💟,💠,💡,💢,💣,💤,💥,💦,💧,💨,💩,💪,💫,💬, 💭,💮,💯,💰,💱,💲,💳,💴,💵,💶,💷,💸,💹,💺,💻,💼, 💽,💾,💿,📀,📁,📂,📃,📄,📅,📆,📇,📈,📉,📊,📋,📌 ,📍,📎,📏,📐,📑,📒,📓,📔,📕,📖,📗,📘,📙,📚,📛,📜 ,📝,📞,📟,📠,📡,📢,📣,📤,📥,📦,📧,📨,📩,📪,📫,📬 ,📭,📮,📯,📰,📱,📲,📳,📴,📵,📶,📷,📸,📹,📺,📻,📼 ,📽,📿,🔀,🔁,🔂,🔃,🔄,🔅,🔆,🔇,🔈,🔉,🔊,🔋,🔌, 🔍,🔎,🔏,🔐,🔑,🔒,🔓,🔔,🔕,🔖,🔗,🔘,🔙,🔚,🔛,🔜, 🔝,🔞,🔟,🔠,🔡,🔢,🔣,🔤,🔥,🔦,🔧,🔨,🔩,🔪,🔫,🔬, 🔭,🔮,🔯,🔰,🔱,🔲,🔳,🔴,🔵,🔶,🔷,🔸,🔹,🔺,🔻,🔼, 🔽,🕉,🕊,🕋,🕌,🕍,🕎,🕐,🕑,🕒,🕓,🕔,🕕,🕖,🕗,🕘 ,🕙,🕚,🕛,🕜,🕝,🕞,🕟,🕠,🕡,🕢,🕣,🕤,🕥,🕦,🕧,🕯 ,🕰,🕳,🕴,🕵,🕶,🕷,🕸,🕹,🖇,🖊,🖋,🖌,🖍,🖐,🖕, 🖖,🖥,🖨,🖱,🖲,🖼,🗂,🗃,🗄,🗑,🗒,🗓,🗜,🗝,🗞,🗡, 🗣,🗯,🗳,🗺,🗻,🗼,🗽,🗾,🗿,😀,😁,😂,😃,😄,😅,😆 ,😇,😈,😉,😊,😋,😌,😍,😎,😏,😐,😑,😒,😓,😔,😕,😖 ,😗,😘,😙,😚,😛,😜,😝,😞,😟,😠,😡,😢,😣,😤,😥,😦 ,😧,😨,😩,😪,😫,😬,😭,😮,😯,😰,😱,😲,😳,😴,😵,😶 ,😷,😸,😹,😺,😻,😼,😽,😾,😿,🙀,🙁,🙂,🙃,🙄,🙅, 🙆,🙇,🙈,🙉,🙊,🙋,🙌,🙍,🙎,🙏,🚀,🚁,🚂,🚃,🚄,🚅, 🚆,🚇,🚈,🚉,🚊,🚋,🚌,🚍,🚎,🚏,🚐,🚑,🚒,🚓,🚔,🚕, 🚖,🚗,🚘,🚙,🚚,🚛,🚜,🚝,🚞,🚟,🚠,🚡,🚢,🚣,🚤,🚥, 🚦,🚧,🚨,🚩,🚪,🚫,🚬,🚭,🚮,🚯,🚰,🚱,🚲,🚳,🚴,🚵 ,🚶,🚷,🚸,🚹,🚺,🚻,🚼,🚽,🚾,🚿,🛀,🛁,🛂,🛃,🛄,🛅 ,🛋,🛌,🛍,🛎,🛏,🛐,🛠,🛡,🛢,🛣,🛤,🛥,🛩,🛫,🛬,🛰 ,🛳,🤐,🤑,🤒,🤓,🤔,🤕,🤖,🤗,🤘,🦀,🦁,🦂,🦃,🦄,🧀


===== Таблицы =====

«Докувики» поддерживает упрощённый синтаксис создания таблиц.

^ Заголовок 1      ^ Заголовок 2                                                            ^ Заголовок 3      ^
| Ряд 1 Колонка 1  | Ряд 1 Колонка 2                                                        | Ряд 1 Колонка 3  |
| Ряд 2 Колонка 1  | Объединение колонок (обратите внимание на двойную вертикальную черту)                    ||
| Ряд 3 Колонка 1  | Ряд 2 Колонка 2                                                        | Ряд 2 Колонка 3  |

Обычные ряды должны начинаться и заканчиваться вертикальной чертой --- %%|%%, а заголовки «крышечкой» (циркумфлекс) — %%^%%.

  ^ Заголовок 1      ^ Заголовок 2         ^ Заголовок 3            ^
  | Ряд 1 Колонка 1  | Ряд 1 Колонка 2     | Ряд 1 Колонка 3        |
  | Ряд 2 Колонка 1  | Объединение колонок (обратите внимание на двойную вертикальную черту)  ||
  | Ряд 3 Колонка 1  | Ряд 2 Колонка 2     | Ряд 2 Колонка 3        |

Чтобы объединить две соседние клетки в ряду, просто оставьте соседнюю клетку полностью пустой, как показано выше. Следите, чтобы количество разделителей клеток было одинаковым.

Вертикальные заголовки тоже можно сделать:

|              ^ Заголовок 1       ^ Заголовок 2      ^
^ Заголовок 3  | Ряд 1 Колонка 2   | Ряд 1 Колонка 3  |
^ Заголовок 4  | Объединения нет   |                  |
^ Заголовок 5  | Ряд 2 Колонка 2   | Ряд 2 Колонка 3  |

Как легко увидеть, разделитель, стоящий перед клеткой, определяет форматирование:

  |              ^ Заголовок 1       ^ Заголовок 2      ^
  ^ Заголовок 3  | Ряд 1 Колонка 2   | Ряд 1 Колонка 3  |
  ^ Заголовок 4  | Объединения нет   |                  |
  ^ Заголовок 5  | Ряд 2 Колонка 2   | Ряд 2 Колонка 3  |

Можно сделать вертикально объединённые ячейки добавлением трёх двоеточий '':::'' в объединяемые нижележащие ячейки.

^ Заголовок 1      ^ Заголовок 2                        ^ Заголовок 3      ^
| Ряд 1 Колонка 1  | эта ячейка объединена вертикально  | Ряд 1 Колонка 3  |
| Ряд 2 Колонка 1  | :::                                | Ряд 2 Колонка 3  |
| Ряд 3 Колонка 1  | :::                                | Ряд 2 Колонка 3  |

В этих ячейках не должно быть ничего, кроме синтаксиса объединения ('':::'').

  ^ Заголовок 1        ^ Заголовок 2                       ^ Заголовок 3            ^
  | Ряд 1 Колонка 1    | эта ячейка объединена вертикально | Ряд 1 Колонка 3        |
  | Ряд 2 Колонка 1    | :::                               | Ряд 2 Колонка 3        |
  | Ряд 3 Колонка 1    | :::                               | Ряд 2 Колонка 3        |

Текст клетки таблицы можно выравнивать. Просто добавьте минимум два пробела с противоположной стороны: слева — если надо выравнять вправо, справа — если надо выравнять влево, и по два с каждой стороны — если по центру. 

^           Таблица с выравниванием        ^^^
|        вправо|   по центру  |влево         |
|влево         |        вправо|   по центру  |
| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |

  ^           Таблица с выравниванием        ^^^
  |        вправо|   по центру  |влево         |
  |влево         |        вправо|   по центру  |
  | xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |

Примечание: вертикальное выравнивание не поддерживается.

:!: С установленным плагином tablelayout.

Следующий пример синтаксиса сделает первую фиксированной и покажет около 2 других строк в прокручиваемом контейнере ниже. Это сделает первый столбец шириной 100 пикселей, а второй — 200 пикселей. Сам стол будет плавать вправо.
<code>
{{tablelayout?colwidth="100px,200px"&rowsHeaderSource=2&rowsVisible=2&float=left}}
^ header 1 ^ header 2 ^
| cell A1 | cell B1 |
| cell A2 | cell B2 |
| cell A3 | cell B3 |
</code>
{{tablelayout?colwidth="100px,200px"&rowsHeaderSource=2&rowsVisible=3&float=left}}
^ header 1 ^ header 2 ^
| cell A1 | cell B1 |
| cell A2 | cell B2 |
| cell A3 | cell B3 |

<code>
{{tablelayout?colwidth="100px"}}
^ header 1 ^ header 2 ^
| cell A1 | cell B1 |
| cell A2 | cell B2 |
| cell A3 | cell B3 |
</code>
{{tablelayout?colwidth="100px"}}
^ header 1 ^ header 2 ^
| cell A1 | cell B1 |
| cell A2 | cell B2 |
| cell A3 | cell B3 |
:!: С установленным плагином Cellbg.

Плагин фона ячейки. Позволяет определять ячейки фонового цвета, определяемые пользователем, в таблицах
\\  
<code>
^ Заголовок 1 ^ Заголовок 2 ^ Заголовок 3 ^
| @lightgreen:**Диапазон** || |
| @#6495ed:Линия 1 | Да | Да, действительно |
| линия 2 | Да | @orange: Да |
| @:Линия 3 | Да | @red: Нет |
</code>
^ Заголовок 1 ^ Заголовок 2 ^ Заголовок 3 ^
| @lightgreen:**Диапазон** || |
| @#6495ed:Линия 1 | Да | Да, действительно |
| линия 2 | Да | @orange: Да |
| @:Линия 3 | Да | @red: Нет |

===== Неформатируемые блоки =====

Неформатируемые блоки можно вставлять в документ, либо начиная каждую строчку блока с двух или более пробелов (как это делалось в некоторых предыдущих примерах), либо используя тэги ''%%<code>%%'' или ''%%<file>%%''.

<code>Это неформатированный текст, в котором сохранены все пробелы: вот             <- так.</code>

<file>В принципе то же самое, но этим выделением можно показать, что цитируется содержимое файла.</file>

Чтобы парсер полностью проигнорировал некий текст (т. е. не форматировал его), либо заключите его в тэги ''nowiki'', либо ещё проще --- в двойные знаки процента ''<nowiki>%%</nowiki>''.

Это просто текст, в котором есть адрес %%http://www.splitbrain.org/%% 
и %%**форматирование**%% --- но ничего не происходит.

<code>Это просто текст, в котором есть адрес %%http://www.splitbrain.org/%%
и %%**форматирование**%% --- но ничего не происходит.</code>

Чтобы увидеть, как используются эти блоки, смотрите код страницы.

===== Блоки и примечания =====
 
<WRAP round box 570px center>
//**__round box 570px center__**//
 
  * ''box'' создаёт блок вокруг контейнера, по умолчанию используя цвета из файла шаблона ''style.ini'' (''%%__background_alt__%%'' и ''%%__text__%%'');
  * любой из классов ''info'', ''tip'', ''important'', ''alert'', ''help'', ''download'', ''todo'' создаёт специальный контейнер с предупреждением, помеченным соответствующей иконкой;
  * для классов ''danger'', ''warning'', ''caution'', ''notice'', ''safety'' используются цвета сигнальной маркировки (без иконок);
  * ''round'' может добавляться к чему-угодно, имеющему цветную подложку или границу, однако работать такой код будет только в современных браузерах (не в Internet Explorer).
</WRAP>
Дополнительные конфигурационные файлы находятся в /var/lib/dokuwiki/lib/tpl/dokuwiki (Debian), например style.ini. Style.ini – это текстовый файл, который считывается темой по умолчанию, и пользователь может настроить, например, цвет фона. 
<WRAP info left 100%>
//**Информация**//
Простой левосторонний блок на длину страницы
</WRAP>
 
<WRAP tip 30% left>
Простой левосторонний блок на 30%
</WRAP>
 
<WRAP important 60% left>
//**Важно!**//
Простой левосторонний блок на 60%
</WRAP>
 
<WRAP alert 220px left>
//**Предупреждение!**//
<code><WRAP alert></WRAP></code>
</WRAP>

<WRAP center round alert 60%>
блок «Тревога»
<code><WRAP round help></WRAP></code>
</WRAP>

 
<WRAP round help 220px left>
//**Помощь**//
<code><WRAP round help></WRAP></code>
</WRAP>
 
<WRAP download 220px left>
//**Скачать**//
<code><WRAP download></WRAP></code>
</WRAP>
 
<WRAP todo 220px left>
//**Список дел**//
<code><WRAP todo></WRAP></code>
</WRAP>
 
<WRAP clear></WRAP>
 
**Оповещения об опасности:**
 
<WRAP danger 27% left>
//**Опасность**//
<code><WRAP danger></WRAP></code>
</WRAP>
 
<WRAP warning 27% left>
//**Предупреждение**//
<code><WRAP warning></WRAP></code>
</WRAP>
 
<WRAP caution 27% left>
//**Осторожно!**//
<code><WRAP caution></WRAP></code>
</WRAP>
 
<WRAP round notice 27% left>
//**Внимание!**//
<code><WRAP round notice></WRAP></code>
</WRAP>
 
<WRAP round safety 27% left>
//**Безопасно**//
<code><WRAP round safety></WRAP></code>
</WRAP>
 
<WRAP clear></WRAP>
 
Также блоки и примечания можно использовать внутри текстов со спанами, подобных этим: <wrap info>info</wrap>, <wrap help>help</wrap>, <wrap alert>alert</wrap>, <wrap important>important</wrap>, <wrap tip>tip</wrap>, <wrap download>download</wrap>, <wrap todo>todo</wrap> и<wrap round box>round box</wrap>, а также <wrap danger>danger</wrap>, <wrap warning>warning</wrap>, <wrap caution>caution</wrap>, <wrap notice>notice</wrap>, <wrap safety>safety</wrap>.
 
<code><wrap info>info</wrap>, <wrap help>help</wrap>, ...</code>

[[wiki:plugin:wrap|См. подробнее о плагине Wrap]]

=== Блоки модифицированного плагина Note ===
<note green>{{flag>fr}} {{flag>ge}} {{flag>jp}} {{flag>be}} {{flag>ru}} {{flag>sv}} {{flag>ca}} {{flag>gb}}
{{flag>dk}} {{flag>ee}} {{flag>es}} {{flag>fi}} {{flag>il}} {{flag>kr}} {{flag>no}} {{flag>za}}
{{flag>us}} {{flag>rs}} {{flag>pl}} {{flag>hy}} {{flag>es}} {{flag>mx}} {{flag>ch}} {{flag>au}}</note>
<note yellow>:&12: желтая заметка</note>
<note purple>Свойства CSS margin используются для создания пространства вокруг элементов за пределами определенных границ. С CSS у вас есть полный контроль над полями. Существуют свойства для установки полей для каждой стороны элемента (сверху, справа, снизу и слева).</note>
<note black>{{:icons:book_icon_158035.png?|}} черная заметка с примером иконки и текста (Существуют свойства для установки полей для каждой стороны элемента (сверху, справа, снизу и слева))</note>
[[wiki:plugin:note|См. подробнее о плагине Note]]

===== Подсветка синтаксиса =====

«Докувики» может  <wrap hi>программный код</wrap>, чтобы его было проще читать. Для этого используется библиотека [[http://qbnz.com/highlighter/|GeSHi]] — соответственно подсвечиваются все языки, поддерживаемые GeSHi. Синтаксис такой же, как и в блоке ''code'' в предыдущем разделе, но на этот раз внутри тэга добавляется название языка. Например %%<code java>%%.

<code java>
/** 
 * The HelloWorldApp class implements an application that
 * simply displays "Hello World!" to the standard output.
 */
class HelloWorldApp {
    public static void main(String[] args) {
        System.out.println("Hello World!"); //Display the string.
    }
}
</code>

<details>
<summary>«Список поддерживаемых языков»</summary>
~~COL:7~~
  , 4cs
  , **a**bap
  , actionscript-french
  , actionscript
  , actionscript3
  , ada
  , apache
  , applescript
  , asm
  , asp
  , autoconf
  , autohotkey
  , autoit
  , avisynth
  , awk
  , **b**ash
  , basic4gl
  , bf
  , bibtex
  , blitzbasic
  , bnf
  , boo
  , **c**
  , c_mac
  , caddcl
  , cadlisp
  , cfdg
  , cfm
  , chaiscript
  , cil
  , clojure
  , cmake
  , cobol
  , cpp
  , cpp-qt
  , csharp
  , css
  , cuesheet
  , **d**
  , dcs
  , delphi
  , diff
  , div
  , dos
  , dot
  , **e**cmascript
  , eiffel
  , email
  , erlang
  , **f**o
  , fortran
  , freebasic
  , fsharp
  , **g**ambas
  , genero
  , genie
  , gdb
  , glsl
  , gml
  , gnuplot
  , groovy
  , gettext
  , gwbasic
  , **h**askell
  , hicest
  , hq9plus
  , html
  , **i**con
  , idl
  , ini
  , inno
  , intercal
  , io
  , **j**
  , java5
  , java
  , javascript
  , jquery
  , **k**ixtart
  , klonec
  , klonecpp
  , **l**atex
  , lisp
  , locobasic
  , logtalk
  , lolcode
  , lotusformulas
  , lotusscript
  , lscript
  , lsl2
  , lua
  , **m**68k
  , magiksf
  , make
  , mapbasic
  , matlab
  , mirc
  , modula2
  , modula3
  , mmix
  , mpasm
  , mxml
  , mysql
  , **n**ewlisp
  , nsis
  , **o**beron2
  , objc
  , ocaml-brief
  , ocaml
  , oobas
  , oracle8
  , oracle11
  , oxygene
  , oz
  , **p**ascal
  , pcre
  , perl
  , perl6
  , per
  , pf
  , php-brief
  , php
  , pike
  , pic16
  , pixelbender
  , plsql
  , postgresql
  , povray
  , powerbuilder
  , powershell
  , progress
  , prolog
  , properties
  , providex
  , purebasic
  , python
  , **q**
  , qbasic
  , **r**ails
  , rebol
  , reg
  , robots
  , rpmspec
  , rsplus
  , ruby
  , **s**as
  , scala
  , scheme
  , scilab
  , sdlbasic
  , smalltalk
  , smarty
  , sql
  , systemverilog
  , **t**cl
  , teraterm
  , text
  , thinbasic
  , tsql
  , typoscript
  , **u**nicon
  , **v**ala
  , vbnet
  , vb
  , verilog
  , vhdl
  , vim
  , visualfoxpro
  , visualprolog
  , **w**hitespace
  , winbatch
  , whois
  , **x**basic
  , xml
  , xorg_conf
  , xpp
  , **z**80
</details>
==== Скачиваемые блоки кода ====

Используя тэги ''%%<code>%%'' или ''%%<file>%%'', как показано выше, вы можете сделать отображаемый код доступным для загрузки. Для этого определите имя файла после кода языка вот так:

<code>
<file php myexample.php>
<?php echo "hello world!"; ?>
</file>
</code>

<file php myexample.php>
<?php echo "hello world!"; ?>
</file>

Если вам не нужна подсветка, но нужен загружаемый файл, поставьте прочерк (дефис) (''-'') на месте кода языка: ''%%<code - myfile.foo>%%''.

**Особенность:** при написании имени файла на русском языке для формирования корректного имени файла обрамляйте название файла двойными кавычками. Например, %%"Фоо Бар.php"%%.
<file php "Фоо Бар.php">
<?php echo "hello world!"; ?>
</file>
<code JavaScript [enable_line_numbers="true"]>
var de = function() {
	return (typeof(window.de) == 'object') ? window.de : {};
}();
</code>

<file php "Фоо Бар.php" [enable_line_numbers="true",highlight_lines_extra="2"]>
var de = function() {
	return (typeof(window.de) == 'object') ? window.de : {};
}();
<?php echo "hello world!"; ?>
</file>
<code JavaScript [enable_line_numbers="true"]>
var de = function() {
	return (typeof(window.de) == 'object') ? window.de : {};
}();
</code>

<file>
<code php Lexer.php [enable_line_numbers="true", start_line_numbers_at="42",highlight_lines_extra="43"]>
void main () {
    printf ("Hello World!");
    exit(0);
}
</code>
</file>

<code php Lexer.php [enable_line_numbers="true", start_line_numbers_at="42",highlight_lines_extra="43"]>
void main () {
    printf ("Hello World!");
    exit(0);
}
</code>

<code JavaScript [enable_line_numbers="true",highlight_lines_extra="2"]>
var de = function() {
	return (typeof(window.de) == 'object') ? window.de : {};
}();
</code>
===== Вставка HTML и PHP =====

Чистый HTML- или PHP-код можно вставлять в документ с помощью тэгов ''html'' и ''php''. Используйте заглавные буквы для блочных элементов.

<code html>
<html>
Тут вставлен <font color="red" size="+1">код HTML</font>
</html>

<HTML>
<p style="border:2px dashed red;">И здесь блочная вставка HTML</p>
</HTML>
</code>

Получается:

<html>
Тут вставлен <font color="red" size="+1">HTML-код</font>
</html>

<HTML>
<p style="border:2px dashed red;">И здесь блочная вставка HTML</p>
</HTML>

----

<code>
<php>
echo 'Версия PHP: ';
echo phpversion();
echo ' (прямая вставка в HTML).';
</php>

<PHP>
echo '<table class="inline"><tr><td>То же самое — в элементе блочного уровня:</td>';
echo '<td>'.phpversion().'</td>';
echo '</tr></table>';
</PHP>
</code>

Получается:

<php>
echo 'Версия PHP: ';
echo phpversion();
echo ' (прямая вставка в HTML).';
</php>

<PHP>
echo '<table class="inline"><tr><td>То же самое — в элементе блочного уровня:</td>';
echo '<td>'.phpversion().'</td>';
echo '</tr></table>';
</PHP>

**Примечание:** по умолчанию вставка HTML и PHP запрещена. Когда она запрещена, код не исполняется, а выводится в исходном виде.

===== Вставка видео =====
<code>
{{video.mp4|}}    block 
{{video.mp4 |}}   left
{{ video.mp4 |}}  center
{{ video.mp4|}}   right
{{video.mp4?200x50|}} [widht]x[height]
{{video.mp4?400x&:wiki:dokuwiki-128.png|}} preview image
{{video.mp4?400x&:wiki:dokuwiki-128.png|video}} alternate text
</code>
{{:алексей_матов_ты_назначен_быть_героем_720p_.mp4|}}
{{:алексей_матов_ты_назначен_быть_героем_720p_.mp4?200x50|}}
{{:алексей_матов_ты_назначен_быть_героем_720p_.mp4?400x&:wiki:dokuwiki-128.png|алексей_матов_ты_назначен_быть_героем}}

<html>
<iframe src="https://yoomoney.ru/quickpay/fundraise/button?billNumber=179QH4MPCHL.241222&" width="330" height="50" frameborder="0" allowtransparency="true" scrolling="no"></iframe>
</html>

<html>
<iframe width="100%" height=570px  src="./repo/ubuntu_releases/" frameborder="0" allowfullscreen></iframe>
</html>
===== Вставка HTML страниц =====
:!: при установленном плагине **htmlok**

<code html HTTP>
<html>
<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="https://book51.ru" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
</iframe>
</html>
</code>

<html>
<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="https://book51.ru" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
</iframe>
</html>

<code html ROOT>
<html>
<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="https://media.wwoss.ru/view?m=imH9g8mYl" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
</iframe>
</html>
</code>

<html>
<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="https://media.wwoss.ru/view?m=imH9g8mYl" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
</iframe>
</html>

<code html Wiki>
<html>
<iframe height="300" style="width: 100%;" scrolling="no" title="Untitled" src="./" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
</iframe>
</html>
</code>

<html>
<iframe height="300" style="width: 100%;" scrolling="no" title="Untitled" src="./" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
</iframe>
</html>


<code html HTML+CSS>
<html>
<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/getting_started/getting_started_em.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
</iframe>
</html>
</code>

<html>
<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/getting_started/getting_started_em.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
</iframe>
</html>

<code html HTML+CSS+JavaScript>
<html>
<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/js/playground.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
</iframe>
</html>
</code>

<html>
<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/js/playground.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
</iframe>
</html>
===== Диаграммы =====
:!: При установленном плагине diagram
\\  
<code>
<diagram>
| | | Dad |y| Mom | | |Dad=Папа|Mom=Мама
| |,|-|-|-|+|-|-|-|.| |
| Sys | |  Me | | Bro |Sys=Сестра|Bro=Брат
| |,|-|-|-|(||||| |
| AAA |-| BBB |AAA=<fc #22b14c>**примеры**</fc>|BBB=1<sup>st</sup> верхний //регистр// и <del>ссылка</del> (see [[wp>Branch]])
| |:| | | | | |
| |L|~|~| CCC |CCC=2<sub>nd</sub> <fc #ed1c24>нижний регистр</fc>\\ **(жирный текст)**
</diagram>
</code>

<diagram>
| | | Dad |y| Mom | | |Dad=Папа|Mom=Мама
| |,|-|-|-|+|-|-|-|.| |
| Sys | |  Me | | Bro |Sys=Сестра|Bro=Брат
| |,|-|-|-|(||||| |
| AAA |-| BBB |AAA=<fc #22b14c>**примеры**</fc>|BBB=1<sup>st</sup> верхний //регистр// и <del>ссылка</del> (see [[wp>Branch]])
| |:| | | | | |
| |L|~|~| CCC |CCC=2<sub>nd</sub> <fc #ed1c24>нижний регистр</fc>\\ **(жирный текст)**
</diagram>

<code>
<diagram>
| AAA | | | | |F|~|~|~|7| |AAA{border-color:blue;background-color:lightgreen}=Border is blue,\\ background is lightgreen
| |!| | | | | CCC | | DDD |CCC{border-color:#a9c}=Border is #a9c,\\ background is transparent|DDD{border-color:silver;background-color:silver;}=Border is silver,\\ background is silver
| BBB | | | | | | | | | | |BBB{border-color:rgb(0%,50%,0%);background-color:#abcdef}=Border is green,\\ background is #abcdef
</diagram>
</code>
\\  
<diagram>
| AAA | | | | |F|~|~|~|7| |AAA{border-color:blue;background-color:lightgreen}=Border is blue,\\ background is lightgreen
| |!| | | | | CCC | | DDD |CCC{border-color:#a9c}=Border is #a9c,\\ background is transparent|DDD{border-color:silver;background-color:silver;}=Border is silver,\\ background is silver
| BBB | | | | | | | | | | |BBB{border-color:rgb(0%,50%,0%);background-color:#abcdef}=Border is green,\\ background is #abcdef
</diagram>

Диаграмма без рамки с картинками
<code>
<diagram>
|AAA||AAA{text-align:left;border-color:white}={{fa>folder?}} Handler
|)|BBB|BBB{text-align:left;border-color:white}={{fa>file?}} AbstractRewriter.php
|)|CCC|CCC{text-align:left;border-color:white}={{fa>file?}} Block.php
|)|DDD|DDD{text-align:left;border-color:white}={{fa>file?}} Lists.php
|)|EEE|EEE{text-align:left;border-color:white}={{fa>file?}} Nest.php
|)|FFF|FFF{text-align:left;border-color:white}={{fa>file?}} ReWriterInterface.php
|)|GGG|GGG{text-align:left;border-color:white}={{fa>file?}} Table.php
|)|KKK|KKK{text-align:left;border-color:white}={{fa>file?}} CallWriter.php
|)|LLL|LLL{text-align:left;border-color:white}={{fa>file?}} CallWriterInterface.php
|)|MMM|MMM{text-align:left;border-color:white}={{fa>file?}} Preformatted.php
|`|NNN|NNN{text-align:left;border-color:white}={{fa>file?}} Quote.php
</diagram>
</code>
<diagram>
|AAA||AAA{text-align:left;border-color:white}={{fa>folder?}} Handler
|)|BBB|BBB{text-align:left;border-color:white}={{fa>file?}} AbstractRewriter.php
|)|CCC|CCC{text-align:left;border-color:white}={{fa>file?}} Block.php
|)|DDD|DDD{text-align:left;border-color:white}={{fa>file?}} Lists.php
|)|EEE|EEE{text-align:left;border-color:white}={{fa>file?}} Nest.php
|)|FFF|FFF{text-align:left;border-color:white}={{fa>file?}} ReWriterInterface.php
|)|GGG|GGG{text-align:left;border-color:white}={{fa>file?}} Table.php
|)|KKK|KKK{text-align:left;border-color:white}={{fa>file?}} CallWriter.php
|)|LLL|LLL{text-align:left;border-color:white}={{fa>file?}} CallWriterInterface.php
|)|MMM|MMM{text-align:left;border-color:white}={{fa>file?}} Preformatted.php
|`|NNN|NNN{text-align:left;border-color:white}={{fa>file?}} Quote.php
</diagram>
===== Звезды =====
:!: При установленном плагине Stars2
\\  
<code>
{{stars>num}}
{{stars>}}
{{stars>-1/5}}
{{stars>-5/5}}
{{stars>1/5}}
{{stars>2/5}}
{{stars>3/5}}
{{stars>4/5}}
{{stars>5/5}}
{{stars>5.5/7}}
{{stars>700/1000}}
</code>
{{stars>4.5/7}}\\  
{{stars>-4/6}}

===== Скрытый текст =====

:!: При установленном плагине Details Tag
\\  

<code php>
<details>
<summary>«Подробности»</summary>
Скрытый текст
</details>
</code>

<details>
<summary>«Подробности»</summary>
Скрытый текст
</details>

<code php>
<details open>
<summary>«Подробности»</summary>
Скрытый текст
</details>
</code>

<details open>
<summary>«Подробности»</summary>
Скрытый текст
</details>

:!: При установленном плагине StepByStep
\\  

Вот еще информация
о последней книге, которую я прочитал.

#:   Step 1 | open | Это история о...
...здесь можно писать много
о содержании

Lorem ipsum dolor сидеть amet...

##: Следующий раздел содержит спойлеры...
Duis autem vel eum iriure...
:##

Ut wisi enim ad minim veniam, ...
:#

Мне это очень понравилось!

#: open | Джордж Оруэлл: 1984 | | (подробнее)
\\  
^Название:|1984 |
^Автор:|Оруэлл, Джордж|
:#

Начало: 
#: Новость ||open
Содержание content
Конец 
:#

https://www.dokuwiki.org/plugin:stepbystep#table
===== Ширина столбцов таблицы =====

:!: При установленном плагине Tablelayout
\\  

<code>
{{tablelayout?colwidth="100px,200px"&rowsHeaderSource=2&rowsVisible=2&float=left}}
^ header 1 ^ header 2 ^
| cell A1 | cell B1 |
| cell A2 | cell B2 |
| cell A3 | cell B3 |
</code>

{{tablelayout?colwidth="100px,200px"&rowsHeaderSource=2&rowsVisible=2&float=left}}
^ header 1 ^ header 2 ^
| cell A1 | cell B1 |
| cell A2 | cell B2 |
| cell A3 | cell B3 |




=====Меню-вкладки на странице=====

<html>
<style>
  body_new {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
  }

  .container_new {
    margin: 1rem;
    padding: 1.5rem;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
  }

  .tab_new {
    display: flex;
    flex-direction: column;
  }

  .tab-nav_new > input[type="radio"] {
    display: none;
  }

  .tab-content_new {
    display: none;
  }

  #content-1:has(~ .tab-nav_new > #tab-btn-1:checked),
  #content-2:has(~ .tab-nav_new > #tab-btn-2:checked),
  #content-3:has(~ .tab-nav_new > #tab-btn-3:checked) {
    display: block;
  }

  .tab-nav_new {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 1rem;
    order: -1;
  }

  .tab-nav_new > label {
    display: block;
    padding: 0.5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    background: 0 0;
    border: 1px solid transparent;
    margin-bottom: -1px;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    -webkit-appearance: button;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  }

  .tab-nav_new > input[type="radio"]:checked + label {
    color: #000;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    cursor: default;
  }
</style>
<body_new>
<div class="container1_new">
  <div class="tab_new">
    <div class="tab-content_new" id="content-1">
      Содержимое 1... Lorem ipsum (/ˌlɔː.rəm ˈɪp.səm/ LOR-əm IP-səm) is a dummy or placeholder text commonly used in graphic design, publishing, and web development. Its purpose is to permit a page layout to be designed, independently of the copy that will subsequently populate it, or to demonstrate various fonts of a typeface without meaningful text that could be distracting.
    </div>
    <div class="tab-content_new" id="content-2">
      Содержимое 2... Lorem ipsum dolor sit, amet consectetur adipisicing elit. Similique eaque iure debitis nostrum,
      vero ad totam ratione sequi! Suscipit, labore repellat cum soluta ullam dignissimos perspiciatis sequi rerum
      sapiente ex.
    </div>
    <div class="tab-content_new" id="content-3">
      Содержимое 3... Lorem ipsum dolor sit, amet consectetur adipisicing elit. Similique eaque iure debitis nostrum,
      vero ad totam ratione sequi! Suscipit, labore repellat cum soluta ullam dignissimos perspiciatis sequi rerum
      sapiente ex.
    </div>
    <div class="tab-nav_new">
      <input checked id="tab-btn-1" name="tab-btn" type="radio" value="">
      <label for="tab-btn-1">Вкладка 1</label>
      <input id="tab-btn-2" name="tab-btn" type="radio" value="">
      <label for="tab-btn-2">Вкладка 2</label>
      <input id="tab-btn-3" name="tab-btn" type="radio" value="">
      <label for="tab-btn-3">Вкладка 3</label>
    </div>
  </div>
</div>
</body_new>
</html>
===== RSS/ATOM Feed Aggregation =====

===== Агрегация каналов RSS/ATOM =====

Докувики может интегрировать данные из внешних XML-каналов. Для анализа XML-каналов, используется [[http://simplepie.org/|SimplePie]]. Все форматы, понятные SimplePie, также могут быть использованы в Докувики. Вы можете влиять на рендеринг с помощью нескольких дополнительных параметров, разделенных пробелами:

^ Параметр  ^ Описание ^
| any number | Отображается максимальное количество элиментов, по умолчанию 8 |
| reverse    | Сначала отобразите последние элементы в ленте |
| author     | Показывать имена авторов элементов |
| date       | Показывать даты элиментов |
| description| Покажите описание элиментов. Если HTML отключен, все теги будут удалены |
| nosort     | Не сортируйте элементы в ленте |
| //n//[dhm] | Период обновления, где d=дни, h=часы, m=минуты. (например 12h = 12 часов). |

Период обновления по умолчанию равен 4 часам. Любое значение ниже 10 минут будет рассматриваться как 10 минут. Докувики обычно пытается предоставить кэшированную версию страницы, очевидно, что это неуместно, когда страница содержит динамический внешний контент. Параметр указывает Докувики повторно отобразить страницу, если прошло больше //периода обновления// с момента последнего отображения страницы.

По умолчанию лента будет отсортирована по дате, сначала по самым новым элементам. Вы можете сначала отсортировать его по возрасту, используя параметр "reverse", или отобразить ленту как есть с "nosort".

**Пример:**

  {{rss>http://slashdot.org/index.rss 5 author date 1h }}

{{rss>http://slashdot.org/index.rss 5 author date 1h }}
===== Управляющие макросы =====

Некоторый синтаксис влияет на то, как «Докувики» обрабатывает статьи без создания каких-либо результатов для себя. Доступны следующие макросы:

^ Макрос          ^ Описание      |
| %%~~NOTOC~~%%   | Если этот макрос присутствует в статье, оглавление не будет создано.  |
| %%~~NOCACHE~~%% | «Докувики» помещает всё выводимое в кэш по умолчанию. Иногда это нежелательно (например, когда выше был использован синтаксис %%<php>%%), добавление этого макроса заставит «Докувики» обрабатывать статью при каждом вызове.  |

\\  
<details>
<summary>#Хештеги</summary>
Dokuwiki
Синтаксис форматирования
Форматирование текста в Dokuwiki
<meta name="description" content="Узнайте о нестандартных способах форматирования текста в Dokuwiki"> 
{{description>Узнайте о нестандартных способах форматирования текста в Dokuwiki}}
</details>
<code>
{{description>Узнайте о нестандартных способах форматирования текста в Dokuwiki}}
</code>
===== Синтаксические плагины =====

Синтаксис «Докувики» может быть расширен за счёт [[ru:plugins|плагинов]]. Как их устанавливать и использовать --- описывается на страницах плагинов. Следующие плагины доступны в инсталляции «Докувики» на этом сайте:

~~INFO:syntaxplugins~~