WebDesignMagazine.ru – Журнал о веб-дизайне

Как писать разметку (markdown)

0

В последнее время было много разговоров о разметке, как альтернативом способе форматирования текста.
Разметка является простым языком, который облегчает  написание хорошего контента для веб-страниц без необходимости беспокоиться о HTML коде.
Преимущество использования разметки в том, что ваши статьи могут быть  написаны существенно чище, и это также делает их более легкими для чтения не открывая страницы в браузере.

Как пишется разметка

Написание разметки это самое простое, что вы можете себе представить:

Жирный шрифт и курсив

Для создания текста курсивом нужно просто окружить текст одной звездочкой:

Чтобы сделать текст жирным, вставьте две звезды:

Заголовки

Для создания заголовков в разметке, все что вам нужно, это добавить хэш знак перед контентом:

Параграфы

Написание параграфов так же просто, как написание текста, и если вы хотите добавить еще один параграф, вам просто нужно нажать клавишу ВВОД (Enter) и в следующей строке будет добавлен новый параграф, это также эквивалентно:

Цитаты

Для создания цитат вам нужно добавить угловые скобки (>) перед текстом, вот так:

Это точно также как:

Ссылки

Создание ссылок очень похоже на HTML,  сначала в квадратных скобках пишется текст который вы хотите, чтобы видел пользователь, а затем пишеться адрес ссылки расположеный внутри пары круглых скобок:

Что является эквивалентом:

Изображения

Изображения используют тот же синтаксис что и ссылки, но в них, текст который вы поместите в квадратные скобки будет alt текстом, и вы также перед всем нужно писать восклицательный знак, чтобы дать разметке понять, что то, что вы пишете это картинка, а не ссылка:

Точно тоже, что и:

Неупорядоченные списки

Для создания простого неупорядоченного списка, нужно лишь создать элементы списка. Вам не нужно беспокоиться по поводу открытия и закрытия списка. Все, что нужно сделать, это добавить разрыв строки, а затем добавить звездочку перед каждым элементом:

Эквивалент этому:

Упорядоченные списки

Как и в неупорядоченных списках, вам только нужно беспокоиться о самих элементах списка, нет никакого открытия или закрытия. Чтобы использовать упорядоченный список нужно просто добавить цифры вместо звездочек:

Эквивалент этому:

Разметка действительно хороший бэкап, если вы пишете статьи для веб и не являетесь подкованным HTML разработчиком. Существует даже плагин WordPress, который позволяет разметку в записях, комментариях и автоматически преобразует её в HTML.

Поделиться:

Об Авторе

Редакция портала WebDesignMagazine.ru -онлайн журнал о веб-дизайне.