분류: 개발 도구
HTML 속성 추출기
붙여넣은 HTML의 모든 태그와 속성을 나열
HTML을 붙여넣으면 모든 태그와 그 속성 이름 및 값을 읽기 쉬운 표로 나열합니다. 분석은 모두 브라우저에서 이루어지며 아무것도 실행되지 않습니다.
| 태그 | 속성 |
|---|---|
a | href="/pricing" class="nav-link" data-track="pricing" |
img | src="/logo.svg" alt="LocalTools" width="120" height="32" |
input | type="email" name="email" required placeholder="you@example.com" |
이 페이지의 모든 처리는 브라우저에서 이루어집니다. 업로드는 없습니다.
이 도구로 할 수 있는 일
추적용 속성, 누락된 id, 흩어진 data- 속성, 일관성 없는 class 등을 마크업에서 점검하려면 보통 원본 HTML을 눈으로 훑어봐야 합니다. 이 도구는 붙여넣은 HTML 텍스트를 토큰화해 발견된 모든 태그와 그 속성을 함께 나열하므로, 실제로 렌더링하지 않고도 문서 전체의 마크업을 한눈에 살펴볼 수 있습니다.
사용 방법
- 입력창에 HTML을 붙여넣거나, 예시를 불러와 형식을 확인합니다.
- 태그와 그 속성 목록을 확인합니다.
- 마크업 전체에서 누락되거나 중복되거나 예상치 못한 속성이 있는지 살펴봅니다.
개인정보
이 도구는 전부 브라우저 안에서 동작합니다. 입력한 내용은 업로드되거나 저장되거나 공유되지 않으며, 탭을 닫으면 사라집니다.
자주 묻는 질문
- 붙여넣은 HTML 안의 스크립트가 실행되나요?
- 아니요. HTML은 토크나이저가 텍스트로만 읽으며, 아무것도 렌더링, 실행되거나 외부 리소스가 요청되지 않습니다.
- 제 마크업이 어딘가에 업로드되나요?
- 아니요. 모든 처리가 브라우저 탭 안의 JavaScript로 이루어집니다.
- 형식이 잘못된 HTML도 처리하나요?
- 완전한 HTML 파서가 아니라 가벼운 토크나이저이기 때문에, 일반적인 수작업 또는 자동 생성된 마크업은 잘 처리하지만 특이하거나 심하게 잘못된 입력은 놓칠 수 있습니다.