HTML 마크다운 변환
HTML은 콘텐츠를 전달하는 형식이고, 마크다운(Markdown)은 점점 더 많은 사람이 글을 쓰고 보관할 때 선호하는 형식입니다. 이 변환기는 .html 파일을 읽기 쉬운 .md 텍스트로 바꾸므로 블로그 아카이브, 고객센터 문서, 저장한 기사를 정적 사이트, 노트 보관함, Git 저장소로 옮길 수 있습니다.
문서 변환
또는 PDF, DOC, DOCX … 파일을 여기에 끌어다 놓으세요 ·
파일당 최대 95 MB· 최대 20개 파일· 30분 뒤 삭제
파일은 UltKit 서버에서 처리되며 30분 뒤 삭제됩니다.
150 DPI에서 A4 한 페이지는 약 1240 × 1754 px가 됩니다. 인쇄용은 300을 쓰십시오.
파일 전체 또는 일부 페이지나 슬라이드만 변환합니다(PDF 및 프레젠테이션 입력).
변환할 페이지나 슬라이드입니다(예: 1-3, 5, 8-10).
UTF-8은 모든 언어에 쓸 수 있습니다. Windows의 Excel이나 메모장에서 글자가 깨지면 BOM 포함 UTF-8을 선택하고, 구형 인코딩은 오래된 소프트웨어에만 쓰십시오.
macOS, Linux, 코드 편집기는 LF, 구형 메모장 같은 오래된 Windows 프로그램은 CRLF를 씁니다.
쉼표가 표준입니다. 소수점을 쉼표로 쓰는 국가(독일, 프랑스, 브라질)의 Excel에는 세미콜론을 쓰십시오.
시트가 여러 개인 Excel 입력은 모든 시트(시트마다 섹션이나 파일 하나)를 변환하거나 첫 시트만 변환합니다.
사용 방법
- 1
HTML 파일 업로드
.html 또는 .htm 파일을 한 번에 최대 20개, 파일당 95 MB까지 추가하십시오. 브라우저에서 저장한 페이지, CMS 내보내기 파일, 직접 작성한 파일 모두 사용할 수 있습니다.
- 2
텍스트 설정 확인
변환할 형식은 Markdown, 서식은 간단히, 텍스트 인코딩은 UTF-8, 줄 바꿈 방식은 LF로 설정되어 있습니다. Git, 정적 사이트 생성기, macOS·Linux 편집기에 맞는 설정입니다.
- 3
Markdown으로 변환
Markdown으로 변환을 누른 뒤 아무 텍스트 편집기에서 .md 파일을 열어 남아 있는 메뉴나 푸터를 지우십시오. 업로드한 파일은 30분 뒤 삭제됩니다.
HTML을 마크다운으로 변환하려면 .html 파일을 업로드하고 Markdown으로 변환을 누르십시오. 제목은 # 줄로, 링크는 텍스트로 바뀌고, 목록은 글머리 기호와 번호를 유지하며, 단순한 표는 파이프 표가 됩니다.
HTML 마크다운 변환이 필요한 사람과 이유
John Gruber는 2004년 Aaron Swartz와 함께 마크다운을 발표했습니다. 렌더링하기 전에도 자연스럽게 읽히는 일반 텍스트로 웹용 글을 쓰기 위한 방법이었습니다. 20년이 지난 지금 마크다운은 GitHub README, Jekyll·Hugo 같은 정적 사이트 생성기, 문서화 도구, Obsidian 같은 노트 앱, 그리고 많은 최신 웹사이트 콘텐츠 폴더의 기본 형식입니다.
그 결과 일반적인 방향과 반대되는 흐름이 꾸준히 생깁니다. 데이터베이스 기반 CMS를 떠나는 팀은 수년 치 글을 .md 파일로 받아야 합니다. 작가는 기사를 노트 보관함에 스크랩합니다. 개발자는 오래된 HTML 도움말을 풀 리퀘스트로 변경 사항을 검토하는 docs-as-code 저장소로 옮깁니다. 어느 경우든 HTML이 유일한 사본이고, 손으로 다시 쓰는 것은 현실적이지 않습니다. 워드 문서라면 DOCX 마크다운 변환이 같은 일을 합니다.
마크다운으로 표현할 수 있는 HTML 요소
| from ↓ · to → | CommonMark | GitHub 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 |
HTML 마크다운 변환 결과: 무엇을 기대할 수 있나
마크다운은 모양이 아니라 의미를 기술하므로 클래스 이름, 인라인 스타일, 스크립트, 레이아웃용 div는 제거됩니다. 굵게와 기울임꼴은 별표 두 개와 한 개가 되고, 문단 안의 줄 바꿈은 이어지며, 같은 문자 엔터티는 UTF-8의 일반 문자로 바뀝니다. .md 파일의 용량은 HTML의 일부에 불과합니다. 글은 남고 마크업은 사라지기 때문입니다.
오해마크다운은 어떤 HTML 레이아웃이든 재현할 수 있다.
사실마크다운은 텍스트 구조만 다룹니다. 다단, 색상, 위치를 지정한 상자에는 마크다운 문법이 없어 사라지거나 원시 HTML로 남습니다.
오해변환한 페이지는 그대로 게시할 수 있다.
사실메뉴, 쿠키 배너, 푸터도 함께 따라옵니다. 이를 잘라 내고, 사이트 생성기가 요구하면 프런트 매터를 추가하십시오.
오해마크다운 출력은 어디서나 똑같이 동작한다.
사실표와 취소선은 GitHub Flavored Markdown 렌더러가 필요합니다. 엄격한 CommonMark 도구에서는 일반 텍스트로 표시됩니다.
HTML과 마크다운 형식 정보
HTML
하이퍼텍스트 마크업 언어(HTML)
HTML은 웹의 마크업 언어로, 1990년대 초 Tim Berners-Lee가 처음 기술했고 현재는 WHATWG가 리빙 스탠더드로 관리합니다. HTML 파일은 제목, 문단, 링크, 표, 이미지, 양식을 기술하며 스타일은 보통 CSS가 담당합니다. 모든 브라우저가 렌더링하며 이메일 템플릿과 저장된 웹 페이지에도 쓰입니다. HTML 파일 하나는 외부 이미지와 스타일시트에 의존하는 경우가 많아, 파일만 따로 옮기면 깨져 보일 수 있습니다.
- 압축 방식
- –
- 투명도
- –
- 애니메이션
- –
- 도입 연도
- 1993 · Tim Berners-Lee; maintained by WHATWG
MD
마크다운(Markdown)
Markdown은 2004년 John Gruber가 만든 가벼운 마크업 문법입니다. 제목은 #, 강조는 *, 목록은 -처럼 일반 텍스트 기호를 사용하므로 원문 그대로도 읽기 쉽고 HTML로 깔끔하게 변환됩니다. README 파일, 기술 문서, 위키, 메모 앱, 많은 정적 사이트 생성기의 표준입니다. CommonMark, GitHub Flavored Markdown 같은 여러 방언이 있으며 표 같은 세부 문법이 조금씩 다릅니다. .md 파일은 어떤 텍스트 편집기로도 열 수 있습니다.
- 압축 방식
- –
- 투명도
- –
- 애니메이션
- –
- 도입 연도
- 2004 · John Gruber
콘텐츠가 그것을 렌더링하던 곳을 떠날 때 HTML을 마크다운으로 변환합니다. 정적 사이트 생성기로 옮기는 블로그, Git 기반 문서 저장소로 들어가는 고객센터, 마크업보다 읽기 쉬운 일반 텍스트가 중요한 Obsidian 보관함에 저장하는 기사가 그런 경우입니다.
HTML MD 변환 자주 묻는 질문
저장한 웹 페이지를 이미지와 함께 변환할 수 있나요?
변환기는 업로드한 .html 파일을 읽습니다. 이미지 태그는 페이지가 쓰던 경로나 URL을 그대로 가리키는 마크다운 이미지 링크가 되므로, 온라인에 호스팅된 이미지는 계속 표시됩니다. 브라우저의 다른 이름으로 페이지 저장 기능이 만든 로컬 이미지 폴더는 파일과 함께 업로드되지 않습니다. 그 폴더를 .md 옆에 복사해 두면 상대 경로가 그대로 맞습니다.
메뉴, 사이드바, 푸터는 어떻게 되나요?
도구는 페이지에서 어느 부분이 본문인지 알 수 없으므로 파일의 모든 내용이 변환됩니다. 깔끔한 결과가 필요하면 CMS가 허용하는 경우 테마 없이 글만 저장하거나, 변환 후 마크다운의 맨 위와 맨 아래에 있는 내비게이션 줄을 지우십시오.
WordPress 글을 Hugo나 Jekyll로 옮기려면 어떻게 하나요?
WordPress의 기본 내보내기는 HTML이 아니라 XML 파일입니다. 따라서 코드 편집기에서 복사하거나 브라우저에서 저장한 각 글의 HTML을 변환하십시오. 그런 다음 각 .md 맨 위에 프런트 매터를 추가합니다. 프런트 매터는 대시 세 개로 된 두 줄 사이에 제목, 날짜, 태그를 담는 블록이며, Hugo와 Jekyll 모두 이 부분을 읽습니다.
마크다운에서 일부 표가 이상하게 보이는 이유는 무엇인가요?
GitHub Flavored Markdown이 추가한 마크다운 표는 머리글 행이 하나뿐이고 병합 셀이 없습니다. 단순한 HTML 표는 깔끔하게 변환되지만, colspan, rowspan, 중첩 목록이 있는 표는 마크다운으로 표현할 방법이 없어 평평하게 풀립니다. 마크다운은 원시 HTML을 허용하므로 레이아웃이 중요한 곳에는 원래 표를 다시 붙여 넣으면 됩니다.
AI나 검색 도구에 페이지를 넣을 때 마크다운이 좋은 형식인가요?
대체로 그렇습니다. 마크다운은 제목, 목록, 링크, 강조처럼 중요한 구조는 유지하고 속성, 스크립트, 스타일은 버리므로, 같은 기사가 훨씬 짧고 처리하기 쉬워집니다. 마크업이 전혀 없는 결과가 필요하면 HTML TXT 변환을 사용하십시오.
- DOCX 마크다운 변환워드 DOCX를 GitHub, 정적 사이트 생성기, docs-as-code용 깔끔한 마크다운으로 변환합니다. 이미지는 .md 옆 ZIP에, 한 번에 20개.
- TXT 마크다운 변환Obsidian, GitHub, 정적 사이트용으로 TXT를 마크다운(.md)으로 변환합니다. 기본은 UTF-8과 LF 줄 바꿈이며 CRLF도 선택 가능, 한 번에 20개 파일.
- HTML TXT 변환HTML 파일을 일반 텍스트로 변환합니다. 태그·스크립트·스타일 제거, 엔티티는 실제 문자로, UTF-8 출력. 한 번에 20페이지, 가입 불필요.
- 마크다운 DOCX 변환마크다운(.md)을 제목 스타일, 목록, 표, 링크가 살아 있는 워드 DOCX로 변환합니다. Obsidian, Typora, GitHub 초안을 워드로 보낼 때.
- 엑셀 MD 변환엑셀 .xlsx 시트를 README, 위키, Obsidian 노트, AI 프롬프트용 Markdown 표로 변환. 모든 시트를 한 번에, 값은 Excel 표시 그대로.
- TXT HTML 변환.txt 파일을 올바른 HTML 페이지로 변환합니다. 단락 유지, <, >, & 이스케이프, head에 UTF-8 선언. 텍스트 파일 최대 20개를 한 번에 변환합니다.