learnxinyminutes-docs/ru-ru/markdown-ru.html.markdown

280 lines
13 KiB
Markdown
Raw Normal View History

2014-09-13 22:31:33 +04:00
---
language: markdown
contributors:
- ["Dan Turkel", "http://danturkel.com/"]
- ["Pirogov Alexey", "http://twitter.com/alex_pir"]
2014-09-13 22:34:40 +04:00
filename: markdown-ru.md
lang: ru-ru
2014-09-13 22:31:33 +04:00
---
2014-10-19 09:23:10 +04:00
Язык разметки Markdown создан Джоном Грубером (англ. John Gruber)
и Аароном Шварцем (англ. Aaron H. Swartz) в 2004 году.
Авторы задавались целью создать максимально удобочитаемый
и удобный в публикации облегчённый язык разметки,
пригодный для последующего преобразования в HTML
(а также и в другие форматы).
2014-09-13 22:31:33 +04:00
```markdown
<!-- Markdown является надмножеством HTML, поэтому любой HTML-файл является
2014-10-19 09:23:10 +04:00
валидным документом Markdown, что позволяет использовать напрямую
любые элементы HTML-разметки, такие, например, как этот комментарий.
2014-09-13 22:31:33 +04:00
Встроенные в документ HTML-элементы не затрагиваются парсером Markdown
и попадают в итоговый HTML без изменений. Однако, следует понимать,
2014-10-19 09:23:10 +04:00
что эта же особенность не позволяет использовать разметку Markdown внутри
2014-09-13 22:31:33 +04:00
HTML-элементов -->
<!-- Ещё одна особенность формата Markdown состоит в том, что поддерживаемые
возможности разметки зависят от конкретной реализации парсера. В данном
2014-10-19 09:23:10 +04:00
руководстве возможности, поддерживаемые лишь определёнными парсерами,
2014-09-13 22:31:33 +04:00
сопровождаются соответствующими примечаниями. -->
<!-- Заголовки -->
<!-- HTML-элементы от <h1> до <h6> размечаются очень просто:
2014-10-19 09:23:10 +04:00
текст, который должен стать заголовком, предваряется
соответствующим количеством символов "#": -->
2014-09-13 22:31:33 +04:00
# Это заголовок h1
## Это заголовок h2
### Это заголовок h3
#### Это заголовок h4
##### Это заголовок h5
###### Это заголовок h6
<!-- Markdown позволяет размечать заголовки <h1> и <h2> ещё одним способом: -->
Это заголовок h1
================
А это заголовок h2
------------------
<!-- Простейшая стилизация текста -->
<!-- Текст легко сделать полужирным и/или курсивным: -->
*Этот текст будет выведен курсивом.*
2014-10-19 09:23:10 +04:00
_Так же, как этот._
2014-09-13 22:31:33 +04:00
**А этот текст будет полужирным.**
__И этот тоже.__
***Полужирный курсив.***
**_И тут!_**
*__И даже здесь!__*
2016-02-24 03:12:44 +03:00
<!-- В GitHub Flavored Markdown (версии Markdown, использующейся в GitHub,
2014-09-13 22:31:33 +04:00
для рендеринга Markdown-документов) текст можно сделать зачёркнутым: -->
~~Зачёркнутый текст.~~
2014-10-19 09:23:10 +04:00
<!-- Абзацами являются любые строки, следующие друг за другом.
Разделяются же абзацы одной или несколькими пустыми строками: -->
2014-09-13 22:31:33 +04:00
2014-10-19 09:23:10 +04:00
Это абзац. Всё предельно просто.
2014-09-13 22:31:33 +04:00
А тут уже параграф №2.
Эта строка всё ещё относится к параграфу №2!
О, а вот это уже параграф №3!
2014-10-19 09:23:10 +04:00
<!-- Для вставки принудительных переносов можно использовать HTML-тэг <br/>: -->
2014-09-13 22:31:33 +04:00
Принудительный <br/> перенос!
<!-- Цитаты размечаются с помощью символа ">": -->
> Это цитата. В цитатах можно
> принудительно переносить строки, вставляя ">" в начало каждой следующей строки. А можно просто оставлять достаточно длинными, и такие длинные строки будут перенесены автоматически.
> Разницы между этими двумя подходами к переносу строк нет, коль скоро
> каждая строка начинается с символа ">"
> А ещё цитаты могут быть многоуровневыми:
>> как здесь
>>> и здесь :)
> Неплохо?
<!-- Списки -->
<!-- Маркированные списки размечаются вставкой в начало каждого элемента
2014-10-19 09:23:10 +04:00
одного из символов "*", "+" или "-":
2014-09-13 22:31:33 +04:00
(символ должен быть одним и тем же для всех элементов) -->
* Список,
* Размеченный
2014-10-19 09:23:10 +04:00
* Звёздочками
2014-09-13 22:31:33 +04:00
либо
+ Список,
+ Размеченный
2014-10-19 09:23:10 +04:00
+ Плюсами
2014-09-13 22:31:33 +04:00
либо
- Список,
- Размеченный
2014-10-19 09:23:10 +04:00
- Дефисами
2014-09-13 22:31:33 +04:00
<!-- В нумерованных списках каждая строка начинается
с числа и точки вслед за ним: -->
1. Первый элемент
2. Второй элемент
3. Третий элемент
<!-- Заметьте, нумеровать элементы корректно необязательно. Достаточно указать
любое число в начале каждого элемента и рендер пронумерует элементы сам!
Правда, злоупотреблять этим не стоит :) -->
1. Первый элемент
1. Второй элемент
1. Третий элемент
<!-- (Этот список будет отрендерен так же, как и предыдущий!) -->
<!-- Списки могут быть вложенными: -->
1. Введение
2. Начало работы
3. Примеры использования
* Простые
* Сложные
4. Заключение
<!-- Блоки с исходным кодом -->
<!-- Фрагменты исходного кода выделяются очень просто - каждая строка блока должна иметь отступ в четыре пробела либо в один символ табуляции -->
Это код,
причём - многострочный
<!-- Дополнительные отступы в коде следует делать с помощью четырёх пробелов: -->
my_array.each do |item|
puts item
end
<!-- Иногда бывает нужно вставить фрагмент кода прямо в строку текста,
не выделяя код в блок. Для этого фрагменты кода нужно обрамлять
символами "`": -->
Например, можно выделить имя функции `go_to()` прямо посреди текста.
2016-02-24 03:12:44 +03:00
<!-- GitHub Flavored Markdown позволяет указать для блока кода синтаксис оного.
2014-09-13 22:31:33 +04:00
В этом случае синтаксис внутри блока будет подсвечен. Пример: -->
2014-10-19 09:23:10 +04:00
\`\`\`ruby <!-- Только нужно будет убрать символы "\", оставив лишь "```ruby" -->
2014-09-13 22:31:33 +04:00
def foobar
puts "Hello world!"
end
\`\`\` <!-- И здесь тоже backslashes нужно убрать, т.е. оставить "```" -->
<-- Обратите внимание: фрагмент, указанный выше, не предваряется отступами,
2016-02-24 03:12:44 +03:00
поскольку GitHub сам в состоянии определить границы блока - по строкам "```" -->
2014-09-13 22:31:33 +04:00
<!-- Горизонтальный разделитель (<hr />) -->
<!-- Разделители добавляются вставкой строки из трёх и более
(одинаковых) символов "*" или "-": -->
***
---
- - - <!-- между символами допустимы пробелы -->
****************
<!-- Ссылки -->
2014-10-19 09:23:10 +04:00
<!-- Одной из сильных сторон Markdown можно смело считать то,
как просто размечаются гиперссылки. Для создания ссылки укажите
текст ссылки, заключив его в квадратные скобки,
и сразу после - url, заключенный в "круглые" -->
2014-09-13 22:31:33 +04:00
[Ссылка!](http://test.com/)
<!-- Также для ссылки можно указать всплывающую подсказку: -->
[Ссылка!](http://test.com/ "Ссылка на Test.com")
<!-- В url можно использовать относительные пути: -->
[Перейти к музыке](/music/).
<!-- Markdown позволяет размечать ссылку в виде сноски: -->
[Здесь][link1] высможете узнать больше!
А можно кликнуть [сюда][foobar], если очень хочется.
2014-10-19 09:23:10 +04:00
<!-- где-нибудь внизу -->
2014-09-13 22:31:33 +04:00
[link1]: http://test.com/ "Круто!"
[foobar]: http://foobar.biz/ "Тоже хорошо!"
<!-- Примечания:
- Подсказка может быть заключена в одинарные кавычки вместо двойных,
2014-10-19 09:23:10 +04:00
а также в круглые скобки.
- Сноска может находиться в любом месте документа и может иметь
идентификатор (далее ID) произвольной длины,
лишь бы это ID был уникальным. -->
2014-09-13 22:31:33 +04:00
<!-- Также при разметке ссылок-сносок можно опустить ID,
если текст ссылки уникален в пределах документа: -->
Ссылка на [Google][].
[google]: http://google.com/
<!-- Правда, эта возможность не очень распространена. -->
<!-- Изображения -->
<!-- Разметка изображений очень похожа на разметку ссылок.
Нужно всего лишь добавить "!" перед ссылкой! -->
![Альтернативный текст для изображения](http://imgur.com/myimage.jpg "Подсказка")
<!-- Изображения тоже могут быть оформлены, как сноски: -->
![Альтернативный текст][myimage]
![То же изображение ещё раз][myimage]
[myimage]: relative/urls/cool/image.jpg "подсказка"
<!-- Ещё немного ссылок: -->
2014-10-19 09:23:10 +04:00
<!-- Автоссылки -->
2014-09-13 22:31:33 +04:00
Ссылка вида <http://testwebsite.com/> эквивалентна
[http://testwebsite.com/](http://testwebsite.com/)
2014-10-19 09:23:10 +04:00
<!-- Автоссылки для адресов электронной почты -->
2014-09-13 22:31:33 +04:00
<foo@bar.com>
<!-- Экранирование символов -->
2014-10-19 09:23:10 +04:00
<!-- Может потребоваться вставить спецсимвол в текст "как есть",
2014-09-13 22:31:33 +04:00
т.е. защитить его от обработки парсером.
2014-10-19 09:23:10 +04:00
Такой символ должен быть "экранирован" с помощью обратной косой черты
(символа "\"): -->
2014-09-13 22:31:33 +04:00
\*текст, заключённый в звёздочки!\*
<!-- Таблицы -->
2016-02-24 03:12:44 +03:00
<!-- Таблицы официально поддерживаются только в GitHub Flavored Markdown,
2014-09-13 22:31:33 +04:00
да и синтаксис имеют не слишком удобный.
Но если очень нужно, размечайте таблицы так: -->
2014-10-19 09:23:10 +04:00
| Столбец 1 | Столбец 2 | Столбец 3 |
2014-09-13 22:31:33 +04:00
| :----------- | :----------: | -----------: |
| Выравнивание | Выравнивание | Выравнивание |
| влево | по центру | вправо |
<!-- Или более компактно -->
Колонка 1|Колонка 2|Колонка 3
:--|:-:|--:
Выглядит|это|страшновато...
<!-- Ну вот и всё! -->
```
За более подробной информацией обращайтесь к [статье](http://daringfireball.net/projects/markdown/syntax) Джона Грубера о синтаксисе Markdown.
Также часто бывает полезной отличная ["шпаргалка"](https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet) по Markdown от Adam Pritchard.
Если вдруг встретите ошибки в переводе или же захотите его дополнить, делайте pull requests - авторы всегда рады обратной связи!