В техническом задании копирайтеров часто просят оформить текст с использованием разметки Markdown. Что это за «зверь» такой и как его приручить — об этом мы сейчас и поговорим.
Начнём с азов
Разметка — это общий термин для компьютерного языка, который применяется при форматировании текстовых документов. Markdown (Маркдаун) — это, как нам сообщает Википедия, «облегченный язык разметки» для веб-страниц, разработанный англичанами Джоном Грубером и Аароном Шварцем в 2004 году.
Если обычный текст, написанный в программе Word или в блокноте, перенести на сайт, то в нем не сохранится ни курсив, ни полужирный шрифт, ни пункты. Всё это растеряется, текст будет выглядеть прозаично — собственно, таким, каким вы видите его в простой форме для отправки статьи на проверку заказчику. Вот так:
Большее, что вы можете здесь сделать, это отделить абзацы и подзаголовки друг от друга пустой строкой и постараться как-то отметить пункты списка (например, дефисом).
Изменить внешний вид текста так, как это требуется для размещения на веб-ресурсе, можно с помощью тегов и атрибутов HTML, но для этого нужно знать язык HTML хотя бы на базовом уровне.
Разметка Маркдаун на порядок упрощает визуальное оформление текста и не требует глубоких познаний. Другие плюсы: вам не нужен сторонний редактор — пишите в привычной для себя программе; разметить текст можно намного быстрее, нежели при использовании HTML-тегов.
Словом, это лайт-версия для простых пользователей. :)
Основные теги разметки Markdown, которые стоит запомнить
Заголовки
Заголовок первого уровня (H1)
================
Заголовок второго уровня (H2)
---------------------------
Или так:
# Заголовок первого уровня (H1)
## Заголовок второго уровня (H2)
### Заголовок третьего уровня (H3)
…и так до шестого уровня.
Выделение
*Текст, выделенный курсивом.*
**Текст, выделенный полужирным шрифтом.**
Списки
Маркированные:
* красный
* синий
* зеленый
- красный
- синий
- зеленый
+ красный
+ синий
+ зеленый
Нумерованные:
1. Первый
2. Второй
3. Третий
Цитата
> Текст цитаты.
Ссылка в тексте
[текст для ссылки](https://)
Изображение
![название картинки](http://)
А теперь посмотрим в деле. Вот так мы оформили текст, применив разметку Маркдаун:
И вот, что получилось, когда мы сохранили текст:
Форма для отправки текстов в разметке Маркдаун
Мы постарались сделать для копирайтеров Бюро TextBroker максимально простым оформление текстов по формату Markdown, и создали для этого отдельную форму. Все основные теги выведены на панели, вам остаётся только выбрать нужные.
Текст в формате Маркдаун заказчик получит в форматированном виде, с необходимыми для публикации на сайте тегами.
На заметку: если вы хотите придать красивый вид текстам в портфолио, вам и здесь пригодится эта разметка.
Надеемся, теперь вы легко сможете применять разметку Markdown в своей практике!