Какие элементы HTML превращаются в Markdown?

Заголовки, абзацы, переносы строк, горизонтальные линии, жирный текст, курсив, встроенный код, блоки кода, ссылки, изображения, нумерованные и маркированные списки, цитаты и простые таблицы. Точное соответствие приведено в таблице выше.

Обрабатывает ли он вложенные списки?

Да. Вложенные списки получают отступ в два пробела на каждый уровень, а нумерованные списки перенумеровываются с 1. Список, который в HTML начинается с другого числа, например start="5", тоже перенумеровывается с 1.

Что происходит с тегами, которые конвертер не распознаёт?

Они разворачиваются: тег удаляется, а текст сохраняется. Div или span исчезают бесследно, а script, style и подобные элементы удаляются вместе с содержимым.

Может ли он конвертировать HTML-таблицы?

Простые — да: они становятся таблицами с разделителями, первая строка — заголовок. Объединённые ячейки, вложенные таблицы и ссылки или оформление внутри ячеек не сохраняются.

Работает ли он на всей веб-странице?

Да, но он конвертирует всё содержимое body, включая меню навигации и подвалы, как обычный текст и ссылки. Для статьи вставьте только HTML статьи.

Почему Markdown выглядит проще исходной страницы?

Markdown описывает структуру — заголовки, выделение, ссылки, списки, а не цвета, шрифты или верстку. CSS, формы и встроенные виджеты отбрасываются намеренно.

Загружается ли мой HTML на сервер?

Нет. Конвертация выполняется в вашем браузере встроенным DOMParser, который не запускает скрипты во вставленном HTML, и ничего из вставленного не покидает ваше устройство.

Конвертер HTML в Markdown

Вставьте HTML и получите Markdown с сохранённой структурой: заголовки, жирный текст и курсив, ссылки, изображения, списки, цитаты, блоки кода и простые таблицы. Скрипты, стили и обёртки верстки отбрасываются, а страница показывает, насколько короче получился результат. Бесплатно, без регистрации; HTML разбирается в вашем браузере и никуда не загружается.

Ввод HTML

Как пользоваться конвертером HTML в Markdown

1. Вставьте свой HTML. Подходит и фрагмент, и полная страница: конвертируется только содержимое body.
2. Нажмите «Конвертировать в Markdown». Markdown появится ниже с тремя счётчиками: символы HTML, символы Markdown и уменьшение размера.
3. Проверьте результат. Сверьте его с оригиналом, особенно таблицы и вложенные списки (см. ограничения ниже).
4. Скопируйте его. Скопировать Markdown помещает текст в буфер обмена, готовый для README, генератора статических сайтов или приложения для заметок.

Во что превращается каждый элемент HTML

Инструмент разбирает ваш HTML встроенным в браузер парсером HTML и обходит дерево, так что некорректная разметка исправляется так же, как исправил бы её браузер. Затем каждый элемент сопоставляется с Markdown-эквивалентом:

HTML	Markdown
`h1` до `h6`	`#` до `######`, за которыми следует текст заголовка
`p`	Абзац, отделённый пустыми строками
`br`, `hr`	Перенос строки; `---`
`strong`, `b`	`жирный`
`em`, `i`	`курсив`
`code`	Текст, обёрнутый в одинарные обратные кавычки
`pre`	Блок в тройных обратных кавычках, без метки языка
`a`	`[текст](адрес)`
`img`	`![alt](источник)`
`ul`, `ol`	Маркеры `-` или `1.` `2.` `3.`, перенумерованные с 1; вложенные списки с отступом в два пробела на каждый уровень
`blockquote`	Каждая строка с префиксом `>`
`table`	Таблица с разделителями \|; первая строка становится заголовком
`div`, `span`, `section`, всё остальное	Разворачивается: тег удаляется, его содержимое остаётся
`script`, `style`, `head`, `meta`, `link`, `title`, `noscript`, `template`, `iframe`	Удаляется вместе с содержимым

Пример

HTML

<h1>Citation Basics</h1><p>Use <strong>APA</strong> or <em>MLA</em>; see the <a href="https://apastyle.apa.org">APA site</a>.</p><ul><li>Author</li><li>Year<ul><li>Month</li></ul></li></ul><table><tr><th>Style</th><th>Year</th></tr><tr><td>APA</td><td>7th</td></tr></table>

Markdown

Заголовок # Citation Basics; абзац Use **APA** or *MLA*; see the [APA site](https://apastyle.apa.org).; список - Author, - Year и вложенный с отступом - Month; затем двухколоночная таблица с разделителями --- и одной строкой: APA и 7th.

Счётчики

273 символа HTML, 159 символов Markdown, уменьшение на 42%.

Markdown не может выразить всё, что может HTML, и в этом его смысл: результат — это структура документа без оформления.

Ограничения

Таблицы упрощаются. Каждая ячейка сводится к простому тексту, поэтому ссылки и выделение внутри ячеек теряются, вертикальные черты экранируются, а объединённые ячейки не распознаются. Таблицы с разделителями — расширение GitHub Flavored Markdown, а не часть базового CommonMark, поэтому проверьте, что ваше место назначения их поддерживает.
Некоторые строчные теги отбрасываются. Подчёркивание, зачёркивание, верхний и нижний индекс здесь не имеют Markdown-эквивалента, поэтому их текст сохраняется без оформления.
Специальные символы не экранируются. Буквальная звёздочка или подчёркивание в тексте остаются как есть и могут быть прочитаны редактором Markdown как выделение.
Вложенные нумерованные списки получают отступ в два пробела на каждый уровень, что принимают большинство программ отображения, но некоторые требуют три пробела под маркером 1..
Ссылки и изображения сохраняют исходные адреса, поэтому относительные пути остаются относительными.

Какой инструмент вам нужен?

Используйте эту страницу, чтобы сохранить структуру при переходе от HTML к Markdown. Если нужны только слова, Удаление HTML-тегов выдаст обычный текст. В обратную сторону Markdown to HTML Converter отрисовывает Markdown, а Markdown в текст убирает из Markdown разметку, оставляя обычный текст. Чтобы привести HTML в порядок перед конвертацией, используйте HTML Formatter.

Часто задаваемые вопросы

Какие элементы HTML превращаются в Markdown?: Заголовки, абзацы, переносы строк, горизонтальные линии, жирный текст, курсив, встроенный код, блоки кода, ссылки, изображения, нумерованные и маркированные списки, цитаты и простые таблицы. Точное соответствие приведено в таблице выше.
Обрабатывает ли он вложенные списки?: Да. Вложенные списки получают отступ в два пробела на каждый уровень, а нумерованные списки перенумеровываются с 1. Список, который в HTML начинается с другого числа, например start="5", тоже перенумеровывается с 1.
Что происходит с тегами, которые конвертер не распознаёт?: Они разворачиваются: тег удаляется, а текст сохраняется. Div или span исчезают бесследно, а script, style и подобные элементы удаляются вместе с содержимым.
Может ли он конвертировать HTML-таблицы?: Простые — да: они становятся таблицами с разделителями, первая строка — заголовок. Объединённые ячейки, вложенные таблицы и ссылки или оформление внутри ячеек не сохраняются.
Работает ли он на всей веб-странице?: Да, но он конвертирует всё содержимое body, включая меню навигации и подвалы, как обычный текст и ссылки. Для статьи вставьте только HTML статьи.
Почему Markdown выглядит проще исходной страницы?: Markdown описывает структуру — заголовки, выделение, ссылки, списки, а не цвета, шрифты или верстку. CSS, формы и встроенные виджеты отбрасываются намеренно.
Загружается ли мой HTML на сервер?: Нет. Конвертация выполняется в вашем браузере встроенным DOMParser, который не запускает скрипты во вставленном HTML, и ничего из вставленного не покидает ваше устройство.