Найти в Дзене
BITE-CODE - IT & Видеоигры

Html vs Markdown - новый способ оформлять статьи

Оглавление

[Description]

Всем привет, сегодня мы постигнем секретный язык разметки журналистов и других создателей текстового контента - Markdown.

обложка
обложка

[Content]

Что такое markdown? Это простой язык для легкого форматирования текста, максимально понятный обычному человеку. То есть вы, используя служебные символы, можете сделать текст жирным, курсивным, или вовсе сформировать из него список. После, итоговый файл с разметкой можно конвертировать во все, что вам угодно, даже в браузерную страничку.

Преимущества:

  • Все файлы записываются в текстовом формате, а это значит, что вы сможете открыть его в любом текстовом редакторе и увидеть слова, а не “случайный мусор”, понятный лишь “машине”.
  • В отличии от html с большим количеством тегов и служебной информации, markdown легко изучается.
  • Его очень легко конвертировать в различные форматы.
  • Почти все редакторы поддерживают markdown - пишите, где хотите.

Недостатки:

  • Нет красивых шрифтов
  • Приходится следить за служебными символами (решётка, -, *, _ и тд)
markdown во всей красе
markdown во всей красе

Синтаксис

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

  • Абзац выделяется пустыми строками сверху и снизу.
  • Перед заголовком ставятся решетки, чем их больше, тем он меньше.
  • Чтобы поместить текст в ненумерованный список, перед ним нужно поставить символ “-”.
  • Упорядоченный элемент списка начинается с цифры и точки после нее.
  • Для вложенного элемента нужно поставить “--” (tab).
  • Для курсива нужно без пробелов выделить текст звездой сзади и спереди.
  • Для жирного текста выделение двумя звездами.
  • Для жирного курсива тремя звездами.
  • Цитата начинается с символа “>”.
  • Горизонтальные лини “---”.
  • Ссылка be like: [<текст ссылки>](<url> “<подсказка>”).
  • Чекбокс - [ ] (нет).
  • Чекбокс - [x] (да).

HTML VS Markdown

Справились ли жиды-масоны? Сейчас увидим!

Что же все-таки лучше?
Что же все-таки лучше?

Пример на html:

Пример на markdown:

Как видно из примеров, markdown куда компактнее, да и выглядит читабельнее и красивее.

Итоги

Если нужно красивое лаконичное оформление статьи, документация на github, или интересное сообщение в telegram/ whatsapp, то markdown отлично подойдёт. В любых других случая, разумеется, лучше использовать более продвинутый и практичный html.

УЗНАВАЙТЕ О НОВОСТЯХ IT И ВСЕХ СТАТЬЯХ И ТЕСТАХ ИЗ ГРУППЫ В ВК

Пишите в комментарии, если хотите, чтобы мы сделали статью на подобную тему.