DevToolPal
한국어

XML HTML 표 변환기

XML의 반복 레코드를 HTML 표로 렌더링합니다. 속성과 중첩 요소는 열이 됩니다.

로컬에서 실행, 업로드 없음

옵션

입력

0자 · 0 B

출력

0자 · 0 B

기능 소개

이 도구는 XML 레코드를 사람이 실제로 읽을 수 있는 HTML 표로 바꿉니다. 반복되는 요소 하나가 표의 행 하나가 되고, 자식 요소와 속성은 열이 되며, 중첩 요소는 점으로 연결한 열 이름으로 평탄화됩니다.

XML 피드나 내보낸 데이터를 웹 페이지, 문서, 이메일에 보여 줄 때 쓰세요.

사용 방법

  1. 입력 상자에 XML을 붙여 넣거나, .xml 파일을 업로드하거나, 예시를 클릭합니다.
  2. 입력하는 동안 표 마크업이 오른쪽에 나타납니다.
  3. <thead>를 빼려면 헤더 행 포함을 끕니다.
  4. HTML을 복사하거나 .html 파일로 다운로드합니다.

예시

<users>
  <user id="1"><name>Alice</name><address><city>Shanghai</city></address></user>
  <user id="2"><name>Bob</name><address><city>Beijing, China</city></address></user>
</users>

위 XML은 name, address.city, id 열과 사용자마다 한 행씩을 가진 표가 됩니다.

참고

텍스트는 HTML 이스케이프되므로 항상 텍스트로 표시됩니다. 값 안의 줄바꿈은 <br>이 됩니다.

자주 묻는 질문

› 어떤 요소가 행이 되나요?

루트의 반복되는 자식 요소입니다. 예를 들어 <users> 안의 모든 <user>입니다. 루트에 자식 요소가 하나뿐이면 그 요소가 유일한 행이 됩니다.

› 속성과 중첩 요소는 어떻게 되나요?

속성은 속성 이름을 딴 열이 됩니다(id="1" → id). 중첩 요소는 address.city처럼 점으로 연결한 이름의 열이 됩니다. 반복되는 단순 값은 "; "로 이어 붙입니다.

› 열 이름이 id가 아니라 @id인 이유는 무엇인가요?

속성과 자식 요소의 이름이 같으면 두 열이 구분되도록 속성에 @ 접두사를 남깁니다.

› 표에 스타일을 적용할 수 있나요?

네. 출력은 인라인 스타일이 없는 순수한 표 마크업이므로 사이트의 CSS가 그대로 적용됩니다.