Некоторые теги разметки HTML могут быть использованы во время редактирования вики. Тем не менее, использование викитекста является более рекомендуемым, так как HTML делает страницы в поле для редактирования трудночитаемыми и может отпугнуть новых пользователей.
Теги[]
Внешний вид[]
Любой HTML-тег (равно как и тег вики-разметки) состоит из двух частей: открывающий тег (первый тег перед текстом) и закрывающий тег (второй тег после текста, выделяется наклонной чертой). У открывающего тега могут иметься атрибуты — специальные слова, придающие тегу какие-либо дополнительные свойства. У некоторых атрибутов, в свою очередь, после знака = могут иметься другие слова, определяющие, какую именно роль будет играть атрибут в теге — эти слова называются значениями.
Например, в теге <span style="color:red">Текст</span>:
<span>— открывающий тег;style— атрибут;color:red— значение атрибута;</span>— закрывающий тег.
Есть также небольшая группа так называемых одиночных тегов, которые устроены по-своему (например, тег <br>). Как правило, у них нет атрибутов.
Описание[]
У каждого тега и атрибута есть свои свойства и особенности. Каждый тег делает с текстом разные вещи. На ФЭНДОМЕ доступны не все HTML-теги, а лишь некоторые из них.
Часть тегов HTML можно заменить аналогичными элементами вики-разметки, другие же используются в исходном коде вики-страниц в том же формате.
Список тегов:
| Тег | Описание | Пример | Код примера | ||||||
|---|---|---|---|---|---|---|---|---|---|
| <abbr> | Выделяет слово, к которому требуется добавить пояснение. Чтобы его добавить, нужно к открытому тегу приписать атрибут title="". | Текст | <abbr title="Текст всплывающей подсказки">Текст (наведите курсор на слово)</abbr>. | ||||||
| <acronym> (устарел) | Работает так же, как и abbr, но вдобавок ещё и выделяет слово, к которому требуется добавить пояснение, специальной линией. | <acronym title="Текст всплывающей подсказки">Текст</acronym> | <acronym title="Текст всплывающей подсказки">Текст</acronym> | ||||||
| <b> | Выделяет текст жирным шрифтом. В вики-разметке заменяется тремя надстрочными запятыми с каждой стороны ('''жирный текст'''). | Текст | <b>Текст</b> | ||||||
| <big> | Делает текст большим. | Текст | <big>Текст</big> | ||||||
| <blockquote> | Отображает текст (обычно цитату) в качестве выровненного блока с отступами слева и справа. |
|
<blockquote>Текст, текст, текст…</blockquote> | ||||||
| <br> | Ставится в конец фразы, служит для переноса текста на другую строку. | Предложение первое. Предложение второе. |
Предложение первое. <br>Предложение второе. | ||||||
| <center> (устарел) | Выравнивает текст по центру. | <center>Текст, текст, текст…</center> | |||||||
| <code> | Выделяет текст специальным шрифтом. | Текст, текст, текст...
|
<code>Текст, текст, текст…</code> | ||||||
| <dd>, <dl>, <dt> | Три взаимосвязанных тега, предназначенных для создания списков определений. |
|
<dl> <dt>Термин 1</dt> | ||||||
| <del> | Делает текст зачёркнутым. | <del>Текст</del> | |||||||
| <div> | Используется для выделения фрагмента документа с целью изменения вида содержимого. Обычно используется в более сложных кодах и имеет атрибуты (align, style, title и другие). | — | — | ||||||
| <em> | Выделяет текст курсивом. В вики-разметке заменяется двумя надстрочными запятыми с каждой стороны (''наклонный текст''). | Текст | <em>Текст</em> | ||||||
| <font> (устарел) | Предназначен для дополнительного форматирования текста. Может иметь атрибуты color (цвет), face (шрифт) и size (размер). | Текст | <font color="red" face="acronis" size="+3">Текст</font> | ||||||
| <h1> | Создаёт заголовок нулевого уровня. В вики-разметке заменяется одним знаком = с каждой стороны (= Заголовок =). | Заголовок |
<h1>Заголовок</h1> | ||||||
| <h2> | Создаёт заголовок первого уровня. В вики-разметке заменяется двумя знаками = с каждой стороны (== Заголовок ==). | Заголовок |
<h2>Заголовок</h2> | ||||||
| <h3> | Создаёт заголовок второго уровня. В вики-разметке заменяется тремя знаками = с каждой стороны (=== Заголовок ===). | Заголовок |
<h3>Заголовок</h3> | ||||||
| <h4> | Создаёт заголовок третьего уровня. В вики-разметке заменяется четырьмя знаками = с каждой стороны (==== Заголовок ====). | Заголовок |
<h4>Заголовок</h4> | ||||||
| <h5> | Создаёт заголовок четвёртого уровня. В вики-разметке заменяется пятью знаками = с каждой стороны (===== Заголовок =====). | Заголовок |
<h5>Заголовок</h5> | ||||||
| <h6> | Создаёт заголовок пятого уровня. В вики-разметке заменяется шестью знаками = с каждой стороны (====== Заголовок ======). | Заголовок |
<h6>Заголовок</h6> | ||||||
| <hr/> | Ставит горизонтальную линию. В вики-разметке заменяется четырьмя короткими тире (----). | Текст Текст2 |
Текст<hr/>Текст2 | ||||||
| <i> | Выделяет текст курсивом. В вики-разметке заменяется двумя надстрочными запятыми с каждой стороны (''наклонный текст''). | Текст | <i>Текст</i> | ||||||
| <li> и <ol> | Теги, используемые для создания нумерованного списка. В вики-разметке заменяются знаком #, который ставится перед каждым элементом списка вместо тега li. |
|
<ol> <li>Элемент списка1</li> | ||||||
| <li> и <ul> | Теги, используемые для создания маркированного списка. В вики-разметке заменяются знаком *, который ставится перед каждым элементом списка вместо тега li. |
|
<ul> <li>Элемент списка1</li> | ||||||
| <mark> | Эмитирует выделение текста. По-умолчанию выделяется желтым цветом в браузерах, вневший вид может быть настроен при помощи CSS. | Важно: | <mark>Важно:</mark> | ||||||
| <p> | Обычно используется с атрибутом align, определяющим выравнивание текста. Может иметь значения left (по левому краю), center (по центру), right (по правому краю) и justify (по ширине). | Текст, текст, текст… |
<p align="right">Текст, текст, текст…</p> | ||||||
| <pre> | Выделяет текст статьи в своеобразную рамочку. Чтобы добавить эту рамку, в вики-разметке можно не вставлять тег, а просто поставить перед первым словом строки пробел. | Текст, текст, текст… |
<pre>Текст, текст, текст…</pre> | ||||||
| <rp>, <rt> и <ruby> | Взаимосвязанные теги, используемые для добавления небольшой аннотации сверху или снизу от заданного текста. |
текст |
<ruby> текст | ||||||
| <s> (другая, устаревшая версия: <strike>) | Делает текст зачёркнутым. | <s>Текст</s> | |||||||
| <small> | Делает текст маленьким. | Текст | <small>Текст</small> | ||||||
| <span> | Предназначен для дополнительного форматирования текста. Может иметь атрибуты style, title и другие. | Текст | <span style="color: red">Текст</span> | ||||||
| <strong> | Выделяет текст жирным шрифтом. В вики-разметке заменяется тремя надстрочными запятыми с каждой стороны ('''жирный текст'''). | Текст | <strong>Текст</strong> | ||||||
| <sub> | Позволяет разместить часть текста под строкой. | Тексттекст | Текст<sub>текст</sub> | ||||||
| <sup> | Позволяет разместить часть текста над строкой. | Тексттекст | Текст<sup>текст</sup> | ||||||
| <table> | Сложный тег, предназначенный для создания таблиц. О том, как создавать таблицы стандартным для вики способом, см. Справка:Таблицы и Справка:Таблицы/викитекст. |
|
<table border="1"> <caption>Таблица</caption> <tr> <th>Заголовок</th> <th>Заголовок</th> </tr> <tr><td>Текст</td><td>Текст</td></tr> <tr><td>Другой текст</td><td>Другой текст</td></tr> </table> | ||||||
| <tt> | Выделяет текст моноширинным шрифтом. | Текст | <tt>Текст</tt> | ||||||
| <u> | Делает текст подчёркнутым. | Текст | <u>Текст</u> | ||||||
| <!-- … --> | Используется для вставки комментариев в исходном коде, которые не будут видны при прочтении страницы. | — | <!-- Комментарий --> |
Полный список тегов[]
Приведённые ниже теги доступны для использования во время редактирования статей.
|
|
|
CSS[]
CSS-классы (class="classname") могут храниться на соответствующей странице вики. Все классы и CSS-стили (style="color:pink;") могут быть использованы с HTML-тегами, перечисленными ниже, однако классы и стили могут быть использованы и со многими другими типами вики-разметки, в особенности с таблицами, строками таблиц и ячейками.
- Примечание: «background-image» должен использовать полные URL («
http://whatever.whatever/whatever/filename.ext http://whatever.whatever/whatever/filename.ext»), а не относительные URL, начинающиеся с косой черты. URL должен быть указан в классе в таблице стилей, так как он не будет работать, если указан в тексте.
См. также[]
- Справка по таблицам
- Использование скинов на вики
- Справка по редактированию (Википедия)
- Об использовании HTML в викитексте
- Информация об использовании тега <span> (на английском)