> 웹 프론트엔드 > JS 튜토리얼 > XML 구문 분석

XML 구문 분석

Barbara Streisand
풀어 주다: 2024-09-27 20:32:29
원래의
654명이 탐색했습니다.

Parsing XML

HTML은 웹 개발에 가장 널리 사용되는 마크업 언어입니다. HTML은 XML의 상위 집합입니다. 즉, XML 사양의 확장입니다. 이 사실의 멋진 점은 HTML을 렌더링할 수 있는 웹 브라우저가 실제로 XML 파서와 함께 제공되고 내부에 XML 파싱 기능이 있다는 것입니다.

왜 XML을 생각해야 할까요?

HTML은 인터넷 개발자가 흔히 사용하는 마크업 언어입니다. 이 블로그의 독자인 소프트웨어 엔지니어에게는 HTML만 필요할 것입니다. 하지만 제가 운영하는 미디어 회사는 비기술적인 다양한 분야의 저자들과 거래하고 있습니다. 저작자들은 자신의 콘텐츠에 대해 HTML이 인정하는 것과는 다르게 생각합니다.

XML의 장점은 사용자 정의 구문 분석 및 처리가 가능한 일반 구조입니다. 이러한 유연성은 HTML에서 아름답게 예시되었지만 사용자 정의 정의 허용 사용 사례는 XML에서 더 잘 처리됩니다.

XML은 데이터를 전달하는 언어입니다. HTML은 표준화된 그래픽 사용자 인터페이스 렌더링과 함께 제공되는 해당 언어의 확장입니다. 이것이 의미하는 바를 보려면 브라우저에서 XML 파일을 엽니다. https://alexason.com/uploads/library.xml

보시다시피 최신 브라우저는 요소 태그가 포함된 완전한 파일을 렌더링합니다. 그러나 브라우저는 데이터 유형을 인식하고 특수 형식을 적용한다는 점에도 유의하세요. 이런 점에서 XML은 JSON과 더 유사합니다.


XML 구문 분석

브라우저 렌더링 에이전트에 기본적으로 포함되어 있지는 않지만 브라우저 API의 DOMParser를 사용하여 XML을 구문 분석할 수 있습니다.

이것이 액션임을 확인하세요
const xmlString = `
  <story>
    <styles>
      <titleStyle>
        <color>#4A90E2</color>
      </titleStyle>
      <paragraphStyle>
        <color>#333333</color>
      </paragraphStyle>
    </styles>
    <title>Elena and the Embrace of Holiness</title>
    <paragraph>In the heart of the village, where the sun kissed the earth...</paragraph>
    <!-- More paragraphs here -->
  </story>`;

const parser = new DOMParser();
const xmlDocument = parser.parseFromString(xmlString, "text/xml");
const parserError = xmlDoc.getElementsByTagName("parsererror");
if (parserError.length > 0) {
  // Handle error
  console.error("Error parsing XML:", parserError[0].textContent);
} else {
  // Successfully parsed the XML
  // XML Document contains a document
  console.log("Parsed XML Document:", xmlDocument);
  const title = xmlDocument.getElementsByTagName("title")[0].textContent;
  const titleColor = xmlDocument.getElementsByTagName("color")[0].textContent;
}
로그인 후 복사


실제 사용 사례

표시된 예는 XML로 무엇이 가능한지 보여주지만 콘텐츠 렌더링 및 스타일 지정 사용 사례는 HTML을 통해 더 잘 처리됩니다. 형식은 HTML과 유사하지만 XML을 HTML로 사용하는 것이 XML의 최선의 경우는 아닙니다.

내가 아는 HTML 개발자인 이스라엘은 XML을 이렇게 작성합니다. 그는 데이터 형식을 사용하여 HTML을 다시 만든 다음 JavaScript를 사용하여 HTML로 만듭니다. 이는 XML의 유연성을 고려하면 가능하지만 유일한 사용 사례가 브라우저에 대한 것이라면 이스라엘에게 "그냥 HTML을 작성하세요!"라고 말씀드리겠습니다.

이스라엘과 HTML 개발자의 구원에 동참하세요.

XML 사용처

XML은 중간 표현에 적합한 형식입니다. 언급한 바와 같이, 우리 회사의 즉각적인 사용 사례는 다양한 저자(도서 저자, 원고 작가)의 작업 표현을 표준화된 형식으로 번역하는 것입니다. 이 작업은 Word 문서, PDF, 일반 텍스트 및 음성 단어를 유사한 데이터 형식으로 변환하는 것입니다.

XML은 할 수 있으며 Calibre 및 Manuskript와 같은 소프트웨어 프로그램에서 그대로 사용됩니다.


지금까지 XML을 살펴보았습니다. 널리 알려진 형식으로 많은 리더 및 변환 도구와 호환됩니다. 구문 분석 용이성, W3C 권장 사항 및 편재성을 고려하면 XML은 무기한 데이터 저장을 위한 안전한 언어입니다.

데이터 과학 및 스토리지 도구에 관심이 있다면 이 Dev.to를 팔로우하세요. 반응을 추가하시겠습니까? 이런 콘텐츠를 더 보려면

위 내용은 XML 구문 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿