HTML 태그 제거기

이 도구가 하는 일, 순서대로

태그 제거는 단순히 꺾쇠 괄호를 지우는 일처럼 보이지만 실제로는 여러 단계가 있고, 순서가 결과를 바꿉니다. 이 도구는 다음 순서로 처리합니다.

1. 주석·DOCTYPE 제거: <!-- ... --> 안의 문장은 화면에 보이지 않으므로 통째로 지웁니다.
2. script·style·head 등 제거: 사용자에게 보이지 않는 코드 블록은 태그뿐 아니라 안의 내용까지 삭제합니다. 그렇지 않으면 자바스크립트나 CSS 규칙이 본문 사이에 그대로 섞입니다.
3. 공백 정리(선택): HTML은 소스에서 줄바꿈과 들여쓰기가 몇 개든 화면에서는 공백 하나로 취급합니다. 이 규칙을 그대로 적용해 소스 줄바꿈이 결과에 끼어드는 것을 막습니다. <pre> 안은 예외로 원문을 보존합니다.
4. 구조 보존(선택): <br>와 블록 요소의 닫는 태그를 줄바꿈으로, <li>를 "- "로, 표 셀 끝을 탭으로, 링크는 "글자 (주소)"로 바꿉니다.
5. 남은 태그 삭제: 영문자나 슬래시로 시작하는 태그만 태그로 인정합니다. "3 < 5" 같은 본문 속 부등호는 태그가 아니므로 지워지지 않습니다. 속성값 안의 >(예: title="a>b")도 따옴표를 인식해 올바르게 처리합니다.
6. 엔티티 변환: 마지막에 & 같은 코드를 실제 문자로 바꿉니다. 이 순서가 중요합니다. 엔티티를 먼저 풀면 <b> 같은 "글자로서의 꺾쇠"가 태그로 오인되어 지워집니다.

자주 보는 HTML 엔티티

HTML에서 예약된 문자나 입력하기 어려운 문자는 &이름; 또는 &#숫자; 꼴로 적습니다. 이 도구는 이름 형태와 10진·16진 숫자 형태를 모두 원래 문자로 되돌립니다.

 는 일반 공백이 아닌 U+00A0 문자라서, 그대로 복사하면 검색이나 엑셀 함수에서 공백으로 인식되지 않아 곤란한 경우가 많습니다. 이 도구는 변환 결과에서 U+00A0을 일반 공백으로 바꿔 줍니다.

변환 예시 (직접 실행해 확인한 결과)

예시 1 — 줄바꿈과 엔티티

입력

<div>
  <p>가격: <b>1,200</b>원 &amp; 배송비 무료</p>
  <p>3 < 5 이므로 통과</p>
</div>

결과 (기본 옵션)

가격: 1,200원 & 배송비 무료
3 < 5 이므로 통과

두 번째 줄의 부등호가 살아남은 점에 주목하세요. 영문자로 시작하지 않는 꺾쇠는 태그로 보지 않습니다.

예시 2 — 링크와 목록 유지

입력

<ul><li><a href="https://example.com/a">소개</a></li><li>문의</li></ul>

"링크 주소 병기"와 "목록 불릿"을 켠 결과

- 소개 (https://example.com/a)
- 문의

옵션은 이렇게 고르세요

• 본문을 문서나 메모에 옮길 때: 기본값(블록 줄바꿈, 공백 정리, 빈 줄 정리, 목록 불릿)을 그대로 쓰면 문단과 목록이 살아 있는 읽기 좋은 글이 나옵니다.
• 글자 수나 단어 수만 필요할 때: 링크 주소 병기를 꺼야 주소 글자가 분량에 섞이지 않습니다. 주소가 길수록 글자 수가 크게 부풀기 때문입니다.
• 링크 목록을 문서로 정리할 때: 링크 주소 병기를 켜면 "글자 (주소)" 형태가 되어 종이 인쇄나 메신저 전달 시에도 주소가 남습니다. 앵커(#)나 javascript: 링크는 주소로 남기지 않습니다.
• 표 데이터를 엑셀로 옮길 때: 탭 구분을 켜고 결과를 복사해 셀에 붙여 넣으면 칸이 나뉩니다. 병합 셀이 있는 표는 칸이 어긋날 수 있으니 붙여 넣은 뒤 확인하세요.
• 소스 모양 그대로 보고 싶을 때: "소스의 들여쓰기·줄바꿈을 공백 하나로"를 끄면 원문의 줄 구조가 그대로 남습니다. 코드 조각의 구조를 분석할 때 쓸 만합니다.

통계 칸의 "제거한 태그" 수는 주석과 script·style 블록을 걷어낸 뒤에 남은 태그를 센 값입니다. 이 숫자가 0인데 결과가 입력과 같다면 이미 순수 텍스트이거나, 꺾쇠가 엔티티(<)로 적힌 상태입니다.

정규식 방식의 한계 — 알고 쓰기

• 완전한 HTML 파서가 아닙니다. 닫히지 않은 따옴표처럼 심하게 깨진 소스는 일부 조각이 남거나 과하게 지워질 수 있습니다. 결과를 눈으로 한 번 확인하세요.
• 화면에 안 보이는 글자도 남습니다. display:none으로 숨긴 요소나 접힌 메뉴의 글자는 CSS를 해석하지 않으므로 그대로 추출됩니다.
• 속성 안의 정보는 사라집니다. 이미지의 alt, 링크의 title 같은 속성 값은 태그와 함께 삭제됩니다. 링크 주소만 예외로 옵션으로 보존합니다.
• 자바스크립트가 만든 글자는 없습니다. "페이지 소스 보기"로 복사한 HTML에는 서버가 보낸 원문만 있고, 브라우저가 나중에 채우는 내용은 들어 있지 않습니다. 완성된 화면의 글자가 필요하면 개발자 도구에서 렌더링된 DOM을 복사하세요.
• 표는 탭으로 근사합니다. 셀 병합(colspan, rowspan)은 반영되지 않습니다.

이메일 HTML에서 특히 자주 생기는 일

마케팅 메일이나 알림 메일의 소스는 표(table) 안에 표를 겹쳐 넣고 이미지 간격을 맞추는 빈 셀, 숨김 미리보기 문구, 수십 줄의 인라인 스타일로 가득합니다. 이런 소스를 그대로 변환하면 빈 줄이 많이 남을 수 있으니 "연속된 빈 줄 정리"를 켜 두세요. 로고나 배너가 이미지로만 들어 있는 부분은 글자가 없어 결과에서 통째로 사라지는 것이 정상입니다. 또한 수신 거부 링크나 추적용 긴 주소가 필요 없다면 링크 병기를 끄고, 본문 문장만 남기는 편이 읽기 좋습니다.

보안 도구가 아닙니다

태그를 지운 결과를 웹 서비스에서 "안전한 입력값"으로 믿고 쓰면 안 됩니다. 사용자 입력의 악성 스크립트를 막는 일(XSS 방어)은 서버 쪽 검증과 출력 시 이스케이프, 검증된 새니타이저 라이브러리가 해야 합니다. 이 도구는 사람이 읽을 텍스트를 뽑아 내는 용도입니다. 입력한 HTML은 화면에 렌더링되거나 실행되지 않고 글자 상태로만 처리되며, 서버로 전송되지 않습니다.

이럴 때 활용하세요

• 메일 원문(HTML 본문)을 메모 앱이나 문서에 텍스트로 옮길 때.
• 블로그·CMS 글의 소스에서 본문만 뽑아 글자 수를 세거나 번역 맡길 때. 이어서 글자수·단어수 세기나 텍스트 바이트 계산기로 분량을 확인하세요.
• 수정 전후의 본문을 비교할 때. 태그를 걷어낸 뒤 텍스트 비교 도구에 넣으면 내용 변경만 보입니다.
• 결과에 남은 공백과 빈 줄이 지저분하면 텍스트 공백·줄바꿈 정리기로 한 번 더 다듬으세요.
• 페이지 속 이메일·전화번호만 필요하면 변환한 텍스트를 연락처 추출 도구에 넣어 보세요.

자주 묻는 질문