Как использовать разметку Markdown в оформлении текстов?

8 февраля 2016


Как использовать разметку Markdown в оформлении текстов? TextBroker

В техническом задании копирайтеров часто просят оформить текст с использованием разметки Markdown. Что это за «зверь» такой и как его приручить — об этом мы сейчас и поговорим.

Начнём с азов

Разметка — это общий термин для компьютерного языка, который применяется при форматировании текстовых документов. Markdown (Маркдаун) — это, как нам сообщает Википедия, «облегченный язык разметки» для веб-страниц, разработанный англичанами Джоном Грубером и Аароном Шварцем в 2004 году.

Если обычный текст, написанный в программе Word или в блокноте, перенести на сайт, то в нем не сохранится ни курсив, ни полужирный шрифт, ни пункты. Всё это растеряется, текст будет выглядеть прозаично — собственно, таким, каким вы видите его в простой форме для отправки статьи на проверку заказчику. Вот так:

разметка Markdown

Большее, что вы можете здесь сделать, это отделить абзацы и подзаголовки друг от друга пустой строкой и постараться как-то отметить пункты списка (например, дефисом).

Изменить внешний вид текста так, как это требуется для размещения на веб-ресурсе, можно с помощью тегов и атрибутов HTML, но для этого нужно знать язык HTML хотя бы на базовом уровне.

Разметка Маркдаун на порядок упрощает визуальное оформление текста и не требует глубоких познаний. Другие плюсы: вам не нужен сторонний редактор — пишите в привычной для себя программе; разметить текст можно намного быстрее, нежели при использовании HTML-тегов.

Словом, это лайт-версия для простых пользователей. :)

Основные теги разметки Markdown, которые стоит запомнить

Заголовки

Заголовок первого уровня (H1)

================

Заголовок второго уровня (H2)

---------------------------

Или так:

# Заголовок первого уровня (H1)

## Заголовок второго уровня (H2)

### Заголовок третьего уровня (H3)

…и так до шестого уровня.

Выделение

*Текст, выделенный курсивом.*

**Текст, выделенный полужирным шрифтом.**

Списки

Маркированные:

* красный

* синий

* зеленый

- красный

- синий

- зеленый

+ красный

+ синий

+ зеленый

Нумерованные:

1. Первый

2. Второй

3. Третий

Цитата

> Текст цитаты.

Ссылка в тексте

[текст для ссылки](https://)

Изображение

![название картинки](http://)

А теперь посмотрим в деле. Вот так мы оформили текст, применив разметку Маркдаун:

разметка Markdown

И вот, что получилось, когда мы сохранили текст:

разметка Markdown

Форма для отправки текстов в разметке Маркдаун

Мы постарались сделать для копирайтеров Бюро TextBroker максимально простым оформление текстов по формату Markdown, и создали для этого отдельную форму. Все основные теги выведены на панели, вам остаётся только выбрать нужные.

разметка Markdown

Текст в формате Маркдаун заказчик получит в форматированном виде, с необходимыми для публикации на сайте тегами.

На заметку: если вы хотите придать красивый вид текстам в портфолио, вам и здесь пригодится эта разметка.

Надеемся, теперь вы легко сможете применять разметку Markdown в своей практике!

Перейти к списку статей