summaryrefslogtreecommitdiffhomepage
path: root/ru-ru/markdown-ru.html.markdown
blob: c4c25ef2becb2a472beacc626c4de533182ee57e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
---
language: markdown
contributors:
    - ["Dan Turkel", "http://danturkel.com/"]
    - ["Pirogov Alexey", "http://twitter.com/alex_pir"]
filename: markdown-ru.md
lang: ru-ru
---

Язык разметки Markdown создан Джоном Грубером (англ. John Gruber)
и Аароном Шварцем (англ. Aaron H. Swartz) в 2004 году.
Авторы задавались целью создать максимально удобочитаемый
и удобный в публикации облегчённый язык разметки,
пригодный для последующего преобразования в HTML
(а также и в другие форматы).

 ```markdown
<!-- Markdown является надмножеством HTML, поэтому любой HTML-файл является
валидным документом Markdown, что позволяет использовать напрямую
любые элементы HTML-разметки, такие, например, как этот комментарий.
  Встроенные в документ HTML-элементы не затрагиваются парсером Markdown
и попадают в итоговый HTML без изменений. Однако, следует понимать,
что эта же особенность не позволяет использовать разметку Markdown внутри
HTML-элементов -->

<!-- Ещё одна особенность формата Markdown состоит в том, что поддерживаемые
возможности разметки зависят от конкретной реализации парсера. В данном
руководстве возможности, поддерживаемые лишь определёнными парсерами,
сопровождаются соответствующими примечаниями. -->

<!-- Заголовки -->

<!-- HTML-элементы от <h1> до <h6> размечаются очень просто:
текст, который должен стать заголовком, предваряется
соответствующим количеством символов "#": -->
# Это заголовок h1
## Это заголовок h2
### Это заголовок h3
#### Это заголовок h4
##### Это заголовок h5
###### Это заголовок h6

<!-- Markdown позволяет размечать заголовки <h1> и <h2> ещё одним способом: -->
Это заголовок h1
================

А это заголовок h2
------------------

<!-- Простейшая стилизация текста -->

<!-- Текст легко сделать полужирным и/или курсивным: -->

*Этот текст будет выведен курсивом.*
_Так же, как этот._

**А этот текст будет полужирным.**
__И этот тоже.__

***Полужирный курсив.***
**_И тут!_**
*__И даже здесь!__*

<!-- В Github Flavored Markdown (версии Markdown, использующейся в Github
для рендеринга Markdown-документов) текст можно сделать зачёркнутым: -->

~~Зачёркнутый текст.~~

<!-- Абзацами являются любые строки, следующие друг за другом.
Разделяются же абзацы одной или несколькими пустыми строками: -->

Это абзац. Всё предельно просто.

А тут уже параграф №2.
Эта строка всё ещё относится к параграфу №2!


О, а вот это уже параграф №3!

<!-- Для вставки принудительных переносов можно использовать HTML-тэг <br/>: -->

Принудительный <br/> перенос!

<!-- Цитаты размечаются с помощью символа ">": -->

> Это цитата. В цитатах можно
> принудительно переносить строки, вставляя ">" в начало каждой следующей строки. А можно просто оставлять достаточно длинными, и такие длинные строки будут перенесены автоматически.
> Разницы между этими двумя подходами к переносу строк нет, коль скоро
> каждая строка начинается с символа ">"

> А ещё цитаты могут быть многоуровневыми:
>> как здесь
>>> и здесь :)
> Неплохо?

<!-- Списки -->
<!-- Маркированные списки размечаются вставкой в начало каждого элемента
одного из символов "*", "+" или "-":
(символ должен быть одним и тем же для всех элементов) -->

* Список,
* Размеченный
* Звёздочками

либо

+ Список,
+ Размеченный
+ Плюсами

либо

- Список,
- Размеченный
- Дефисами

<!-- В нумерованных списках каждая строка начинается
с числа и точки вслед за ним: -->

1. Первый элемент
2. Второй элемент
3. Третий элемент

<!-- Заметьте, нумеровать элементы корректно необязательно. Достаточно указать
любое число в начале каждого элемента и рендер пронумерует элементы сам!
Правда, злоупотреблять этим не стоит :) -->

1. Первый элемент
1. Второй элемент
1. Третий элемент
<!-- (Этот список будет отрендерен так же, как и предыдущий!) -->

<!-- Списки могут быть вложенными: -->

1. Введение
2. Начало работы
3. Примеры использования
    * Простые
    * Сложные
4. Заключение

<!-- Можно делать списки задач. Блок ниже создает HTML чекбоксы (флаг, переключатель). -->

Для отметки включенного чекбокса используйте 'x'
- [ ] Первая задача
- [ ] Вторая задача
Этот чекбокс ниже будет отмечен
- [x] Задача была завершена

<!-- Блоки с исходным кодом -->
<!-- Фрагменты исходного кода выделяются очень просто - каждая строка блока должна иметь отступ в четыре пробела либо в один символ табуляции -->

    Это код,
    причём - многострочный

<!-- Дополнительные отступы в коде следует делать с помощью четырёх пробелов: -->

    my_array.each do |item|
        puts item
    end

<!-- Иногда бывает нужно вставить фрагмент кода прямо в строку текста,
не выделяя код в блок. Для этого фрагменты кода нужно обрамлять
символами "`": -->

Например, можно выделить имя функции `go_to()` прямо посреди текста.

<!-- Github Flavored Markdown позволяет указать для блока кода синтаксис оного.
В этом случае синтаксис внутри блока будет подсвечен. Пример: -->

\`\`\`ruby <!-- Только нужно будет убрать символы "\", оставив лишь "```ruby" -->
def foobar
    puts "Hello world!"
end
\`\`\` <!-- И здесь тоже backslashes нужно убрать, т.е. оставить "```" -->

<-- Обратите внимание: фрагмент, указанный выше, не предваряется отступами,
поскольку Github сам в состоянии определить границы блока - по строкам "```" -->

<!-- Горизонтальный разделитель (<hr />) -->
<!-- Разделители добавляются вставкой строки из трёх и более
(одинаковых) символов "*" или "-": -->

***
---
- - - <!-- между символами допустимы пробелы -->
****************

<!-- Ссылки -->
<!-- Одной из сильных сторон Markdown можно смело считать то,
как просто размечаются гиперссылки. Для создания ссылки укажите
текст ссылки, заключив его в квадратные скобки,
и сразу после - url, заключенный в "круглые" -->

[Ссылка!](http://test.com/)

<!-- Также для ссылки можно указать всплывающую подсказку: -->

[Ссылка!](http://test.com/ "Ссылка на Test.com")

<!-- В url можно использовать относительные пути: -->

[Перейти к музыке](/music/).

<!-- Markdown позволяет размечать ссылку в виде сноски: -->

[Здесь][link1] высможете узнать больше!
А можно кликнуть [сюда][foobar], если очень хочется.

<!-- где-нибудь внизу -->
[link1]: http://test.com/ "Круто!"
[foobar]: http://foobar.biz/ "Тоже хорошо!"

<!-- Примечания:
- Подсказка может быть заключена в одинарные кавычки вместо двойных,
  а также в круглые скобки.
- Сноска может находиться в любом месте документа и может иметь
идентификатор (далее ID) произвольной длины,
лишь бы это ID был уникальным. -->

<!-- Также при разметке ссылок-сносок можно опустить ID,
если текст ссылки уникален в пределах документа: -->

Ссылка на [Google][].

[google]: http://google.com/

<!-- Правда, эта возможность не очень распространена. -->

<!-- Изображения -->
<!-- Разметка изображений очень похожа на разметку ссылок.
Нужно всего лишь добавить "!" перед ссылкой! -->

![Альтернативный текст для изображения](http://imgur.com/myimage.jpg "Подсказка")

<!-- Изображения тоже могут быть оформлены, как сноски: -->

![Альтернативный текст][myimage]

![То же изображение ещё раз][myimage]

[myimage]: relative/urls/cool/image.jpg "подсказка"

<!-- Ещё немного ссылок: -->
<!-- Автоссылки -->

Ссылка вида <http://testwebsite.com/> эквивалентна
[http://testwebsite.com/](http://testwebsite.com/)

<!-- Автоссылки для адресов электронной почты -->

<foo@bar.com>

<!-- Экранирование символов -->

<!-- Может потребоваться вставить спецсимвол в текст "как есть",
т.е. защитить его от обработки парсером.
Такой символ должен быть "экранирован" с помощью обратной косой черты
(символа "\"): -->

\*текст, заключённый в звёздочки!\*

<!-- Клавиши на клавиатуре -->
<!-- В Github Flavored Markdown вы можете использовать тэг <kbd> для представления клавиш клавиатуры. -->

Ваш компьютер завис? Попробуйте нажать
<kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd>

<!-- Таблицы -->
<!-- Таблицы официально поддерживаются только в Github Flavored Markdown,
да и синтаксис имеют не слишком удобный.
Но если очень нужно, размечайте таблицы так: -->

| Столбец 1    | Столбец 2    | Столбец 3    |
| :----------- | :----------: | -----------: |
| Выравнивание | Выравнивание | Выравнивание |
| влево        | по центру    | вправо       |

<!-- Или более компактно -->

Колонка 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 - авторы всегда рады обратной связи!