UltKit
Зображення11
PDF13
Документи й дані7
Відео6
Аудіо4
Інші інструменти22

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

HTML — це спосіб доставляти контент, а Markdown — формат, у якому дедалі більше людей воліють його писати й зберігати. Цей конвертер перетворює файли .html на зручний для читання текст .md, тож архів блогу, довідковий центр чи збережену статтю можна перенести на статичний сайт, у сховище нотаток або Git-репозиторій.

Конвертер документів

або перетягніть Файли PDF, DOC, DOCX … сюди ·

До 95 МБ на файл· До 20 файлів· Видаляються через 30 хв

Результат

Файли обробляються на наших серверах і видаляються через 30 хв.

Як користуватися цим інструментом

  1. 1

    Виберіть файли HTML

    Додайте файли .html або .htm: до 20 за раз, до 95 MB кожен. Підійде сторінка, збережена з браузера, експорт із CMS або файл, написаний вручну.

  2. 2

    Перевірте налаштування тексту

    У полі Конвертувати в вибрано Markdown, Форматування — Спрощено, Кодування тексту — UTF-8, а Закінчення рядків — LF. Це підходить для Git, генераторів статичних сайтів і редакторів у macOS чи Linux.

  3. 3

    Конвертуйте в Markdown

    Натисніть Конвертувати в Markdown, а потім відкрийте .md у будь-якому текстовому редакторі й приберіть зайві меню чи футери. Завантажені файли видаляються через 30 хвилин.

Щоб конвертувати HTML у Markdown, завантажте файл .html і натисніть Конвертувати в Markdown: заголовки стають рядками з #, посилання набувають вигляду текст, списки зберігають маркери та нумерацію, а прості таблиці стають таблицями з вертикальними рисками.

HTML у Markdown: кому це потрібно й навіщо

Джон Грубер оприлюднив Markdown у 2004 році за участі Аарона Шварца як спосіб писати для вебу простим текстом, який природно читається ще до відображення. Двадцять років потому це рідний формат README на GitHub, генераторів статичних сайтів, як-от Jekyll і Hugo, інструментів документації, застосунків для нотаток на кшталт Obsidian та папок із вмістом багатьох сучасних сайтів.

Через це виникає стабільний потік у зворотному до звичного напрямку. Команди, що полишають CMS на базі даних, потребують багаторічних публікацій у вигляді файлів .md. Автори зберігають статті у сховище нотаток. Розробники переносять старий розділ довідки з HTML у репозиторій «документація як код», де зміни перевіряються в pull request. У кожному випадку HTML — єдина копія, а переписувати її вручну нереально. Для документів Word те саме робить DOCX у Markdown.

Які елементи HTML мають відповідник у Markdown

from ↓ · to →CommonMarkGitHub Flavored Markdown
Заголовки h1–h6Заголовки h1–h6 to CommonMark: yesЗаголовки h1–h6 to GitHub Flavored Markdown: yes
Посилання та зображенняПосилання та зображення to CommonMark: yesПосилання та зображення to GitHub Flavored Markdown: yes
Списки й цитатиСписки й цитати to CommonMark: yesСписки й цитати to GitHub Flavored Markdown: yes
Блоки code і preБлоки code і pre to CommonMark: yesБлоки code і pre to GitHub Flavored Markdown: yes
Прості таблиці– Прості таблиці to CommonMark: noПрості таблиці to GitHub Flavored Markdown: yes
Закреслений текст– Закреслений текст to CommonMark: noЗакреслений текст to GitHub Flavored Markdown: yes
Об’єднані клітинки таблиць– Об’єднані клітинки таблиць to CommonMark: no– Об’єднані клітинки таблиць to GitHub Flavored Markdown: no
Форми, відео, iframe– Форми, відео, iframe to CommonMark: no– Форми, відео, iframe to GitHub Flavored Markdown: no
supported not offeredCommonMark, специфікація якого з’явилася 2014 року, — це строге ядро; GitHub Flavored Markdown, специфікований у 2017 році, додає таблиці, закреслення та списки завдань. Усе, що не має форми в Markdown, може лишатися сирим HTML, який дозволяють обидва формати.

Результат конвертера HTML у Markdown: чого очікувати

Назви класів, вбудовані стилі, скрипти та div-и верстки відкидаються, бо Markdown описує зміст, а не вигляд. Жирний і курсив стають подвійними та одинарними зірочками, розриви рядків усередині абзацу об’єднуються, а символьні сутності, як-от  , перетворюються на звичайні символи в UTF-8. Файл .md буде лише часткою розміру HTML: слова лишаються, розмітка зникає.

МіфMarkdown може відтворити будь-яку HTML-верстку.

ФактВін охоплює лише структуру тексту; колонки, кольори й позиціоновані блоки не мають синтаксису в Markdown і втрачаються або лишаються сирим HTML.

МіфКонвертовану сторінку можна публікувати як є.

ФактМеню, банери cookie та футери потрапляють у результат; приберіть їх і додайте front matter, якщо його очікує ваш генератор сайтів.

МіфMarkdown працює однаково скрізь.

ФактТаблиці та закреслення потребують рендерера GitHub Flavored Markdown; строгі інструменти CommonMark показують їх як звичайний текст.

Факти про формати HTML і Markdown

HTML

HyperText Markup Language

HTML — мова розмітки вебу, яку на початку 1990-х описав Тім Бернерс-Лі і яку тепер підтримує WHATWG як «живий стандарт». Файл HTML описує заголовки, абзаци, посилання, таблиці, зображення та форми, а оформлення зазвичай задає CSS. Його відображає кожен браузер, а ще його використовують для шаблонів листів і збережених вебсторінок. Один файл HTML часто залежить від зовнішніх зображень і таблиць стилів, тому окремо він може виглядати зламаним.

Стиснення
–
Прозорість
–
Анімація
–
Рік появи
1993 · Tim Berners-Lee; maintained by WHATWG
Конвертер HTML

MD

Markdown

Markdown — це полегшений синтаксис розмітки, створений Джоном Грубером у 2004 році. Він використовує звичайні текстові символи, як-от # для заголовків, * для виділення та - для списків, які залишаються читабельними у вихідному вигляді й чисто перетворюються на HTML. Це стандарт для файлів README, документації, вікі, застосунків для нотаток і багатьох генераторів статичних сайтів. Існує кілька діалектів, наприклад CommonMark і GitHub Flavored Markdown, які відрізняються деталями, зокрема таблицями. Файли .md відкриє будь-який текстовий редактор.

Стиснення
–
Прозорість
–
Анімація
–
Рік появи
2004 · John Gruber
Конвертер MD

HTML конвертують у Markdown, коли вміст залишає місце, де його відображали: блог переїжджає на генератор статичних сайтів, довідковий центр потрапляє в репозиторій документації на базі Git або статті зберігаються в сховище Obsidian, де простий, читабельний текст важливіший за розмітку.

Запитання про HTML у MD

Чи можна конвертувати збережену вебсторінку разом із зображеннями?

Конвертер читає завантажений вами файл .html. Теги зображень стають Markdown-посиланнями на зображення з тими самими шляхами чи URL, що й на сторінці, тож картинки, розміщені в мережі, продовжують працювати. Локальна папка із зображеннями, яку браузер створює через «Зберегти сторінку як», разом із файлом не завантажується. Скопіюйте її поруч із .md, і відносні шляхи знову збігатимуться.

Що відбувається з меню, бічними панелями та футерами?

Конвертується все, що є у файлі, адже інструмент не може знати, яка частина сторінки є статтею. Щоб результат був чистим, збережіть запис без теми оформлення, якщо ваша CMS це дозволяє, або після конвертації видаліть рядки навігації зверху й знизу Markdown.

Як перенести дописи з WordPress у Hugo або Jekyll?

Вбудований експорт WordPress — це файл XML, а не HTML, тому конвертуйте HTML кожного запису: скопійований із редактора коду або збережений із браузера. Потім додайте на початку кожного .md front matter — блок між двома рядками з трьох дефісів, у якому зберігаються заголовок, дата й теги. І Hugo, і Jekyll читають його саме звідти.

Чому деякі таблиці в Markdown виглядають дивно?

Таблиці Markdown, які додав GitHub Flavored Markdown, мають один рядок заголовків і не мають об’єднаних клітинок. Проста HTML-таблиця конвертується чисто, а таблиця з colspan, rowspan чи вкладеними списками не має відповідника в Markdown, тому її спрощують до плоского вигляду. Markdown допускає сирий HTML, тож там, де важлива верстка, можна вставити оригінальну таблицю назад.

Чи підходить Markdown для передавання сторінок інструментам ШІ або пошуку?

Часто так. Markdown зберігає важливу структуру — заголовки, списки, посилання й виділення — і відкидає атрибути, скрипти та стилі, тож та сама стаття стає значно коротшою та зручнішою для обробки. Якщо розмітка не потрібна взагалі, скористайтеся HTML у TXT.