HTML 및 CSS 편집기

CSS 및 HTML과 함께 XML, XSLT, JSON을 활용하여 작업합니다

  • HTML4, HTML5, 그리고 XHTML 편집 기능
  • 구문 강조, 줄 번호 표시, 그리고 북마크 기능
  • 코드 자동 완성 및 상황에 맞는 입력 지원 기능
  • 통합된 HTML 브라우저 보기
  • CSS2.1 및 CSS3 편집
  • 프로젝트 관리 기능
  • 소스 코드 및 버전 관리 시스템과의 통합
  • EPUB 파일 내 HTML 및 CSS 편집

HTML 편집기

XMLSpy 내 HTML 편집기

XMLSpy는 HTML4 및 HTML5 페이지 편집을 위한 지능적인 기능을 제공하며, 내장된 브라우저 뷰를 통해 해당 페이지를 테스트할 수 있습니다.

텍스트 보기 모드는 다양한 유용한 HTML 편집 기능을 제공합니다. 여기에는 구문 강조 표시, 줄 번호 표시, 북마크 기능, 코드 자동 완성 기능, 그리고 입력 시 관련 편집 지침을 제공하는 상황에 맞는 도움말 창 및 메뉴가 포함됩니다.

작업하는 동안, HTML 편집기의 통합 브라우저 보기 기능을 통해 HTML 코드와 결과 웹 페이지를 동시에 확인할 수 있습니다. 이렇게 하면 편집 결과를 즉시 확인할 수 있습니다. XMLSpy에서 웹 페이지를 보는 것 외에도, 원하는 브라우저(Chrome, Firefox, Edge 등)에서 현재 열려 있는 파일을 즉시 열어 다양한 브라우저에서 빠르게 테스트할 수 있습니다. 정보 창에는 현재 시스템에 설치된 모든 브라우저 목록이 표시되며, 필요한 경우 다른 애플리케이션을 수동으로 추가할 수 있습니다.

XHTML 편집기

XHTML은 XML 애플리케이션으로 정의된 HTML이므로, XMLSpy는 물론 XHTML 파일을 편집하는 데 유용한 다양한 기능을 제공합니다. 실제로 XHTML 문서는 텍스트 보기 또는 그리드 보기에서 XML 문서와 동일하게 편집할 수 있으며, 지능적인 XML 편집 기능, DTD 및 XML 스키마 할당, 강력한 유효성 검사 등 다양한 기능을 통해 XHTML 페이지 및 애플리케이션을 최대한 쉽고 효율적으로 개발할 수 있도록 지원합니다.

CSS 편집기

XMLSpy에서 제공하는 CSS 편집기

XMLSpy의 CSS 편집기는 XML 기반 웹사이트, 고급 HTML5 애플리케이션 등 다양한 개발 작업을 수행하는 개발자에게 생산성을 향상시키는 훌륭한 도구입니다. 왜냐하면 HTML 코드 및/또는 XSLT 변환을 개발하는 동일한 환경에서 CSS 편집 작업을 수행할 수 있으며, 사용자 친화적이고 지능적인 입력 도우미 및 옵션을 활용하여 작업을 효율적으로 처리할 수 있기 때문입니다.

CSS 편집기는 CSS 개요를 포함한 다양한 도움말 창을 제공합니다. CSS 개요는 스타일시트의 선택자를 접을 수 있는 그룹으로 나열하여 보여줍니다. 선택자를 클릭하면 현재 문서에서 해당 선택자가 강조 표시됩니다. CSS 속성 및 HTML 요소 도움말 창은 속성 및 요소 목록을 쉽게 탐색할 수 있도록 제공하며, 선택한 항목을 두 번 클릭하면 해당 항목이 현재 CSS 스타일시트의 위치에 삽입됩니다.

XMLSpy의 통합 브라우저 기능을 사용하면 편집 결과를 즉시 확인할 수 있으며, 결과 HTML 페이지를 다른 웹 브라우저에서 직접 열어 호환성을 빠르게 테스트할 수 있습니다.