xml css 예제

다음 예제는 XHTML을 연결에 사용 하며 스토리-문법-con-xhtml.dtd, 스토리-문법-con-xhtml.xml 및 story-grammar.css 예를 들어, HTML에서 글꼴 얼굴 Verdana, 제네바, 문체 태그(

) 내의 모든 텍스트를 정의할 수 있습니다. 또는 헬베티카와 배경색이 녹색입니다. 스타일 시트에서 모든 단락이 이렇게 되도록 정의하려면 브라우저에서 xmlW 파일을 보려고 하면 일반적으로 스타일이없는 XML 파일이 표시됩니다. 예를 들어 다음과 같은 간단한 XML 파일을 사용: 대부분의 XML 기반 형식에는 이러한 요소가 없지만 외부 스타일 시트에 링크하는 동일한 PI를 사용하여 문서 자체에 포함된 시트의 스타일을 지정할 수도 있습니다. 2006년 2월 현재, 여전히 기술적 문제가 있으며 공식적인 사양이 없습니다. 예를 들어 이 예제의 해당 XML 문서는 이 페이지의 끝부분을 찾을 수 있습니다. 다음은 예제입니다. 클래스 특성이 있고 문서 형식이 HTML에서와 같이 작동한다고 정의하는 경우 점과 함께 표기문서를 사용할 수 있습니다. 따라서 이 특정 예제는 브라우저가 클래스가 있는 형식으로 알고 있는 형식이 아니기 때문에 작동하지 않습니다.

모든 예제 XML 및 CSS 파일은 “http://tecfa.unige.ch/guides/xml/examples/css/” 디렉토리에서 찾을 수 있습니다. 다음은 더 큰 예입니다. 세 가지 스타일 시트가 있다고 가정해 보겠습니다. 마지막 두 가지는 서로의 대안이며 문서 판독기는 사용할 것을 선택할 수 있습니다. 문서가 인쇄되는 경우를 제외하고, 이 경우 마지막 스타일만 사용하려고 합니다. 일반적인 스타일 시트는 다음과 같습니다: 예를 들어 XML 문서에 태그를 사용하는 데이터가 있습니다. 문서의 INFO 요소를 HTML 단락처럼 표시하려고 합니다. 다음은 XLink(XML 연결 언어)를 사용하는 DTD 예제로, XML 문서가 있고 스타일시트가 작성되면 스토리-문법.dtd 및 스토리-문법.xml로 사용할 수 있습니다. HTML의 링크 명령과 마찬가지로 XML 문서 의 맨 위에 (XML 선언 아래)에 선을 배치하여 XML 파서에 스타일 시트를 찾을 위치를 알려줍니다. 예: 전체 표시 유형 목록은 표시 속성을 참조하세요. CSS만 사용하면 디스플레이의 구조가 문서의 구조와 같아야 합니다. 다른 기술은 디스플레이의 구조를 수정할 수 있습니다(예: XBL은 콘텐츠를 추가할 수 있으며 JavaScript는 DOM을 수정할 수 있습니다.

다음은 예입니다. 위의 예에서 Books.xml은 해당 스타일 시트 규칙을 포함하는 Rule.css와 연결됩니다. 아래에서CSS2 선택기는 예제 태그가 HTML 태그가 아닌 임의의 XML 요소입니다. 선택기는 속성으로 스타일을 정할 요소를 식별합니다. CSS 2 선택기는 HTML, XHTML, HTML5 및 텍스트 중심 XML과 동일한 방식으로 작동합니다. 또한 HTML을 사용하면 스타일 특성을 사용하여 스타일을 개별 요소에 직접 연결할 수 있습니다. 대부분의 XML 기반 문서 형식에는 이러한 특성이 없지만 일부는 HTML의 기능(모듈)을 문서 내부에서 사용할 수 있도록 허용할 수 있습니다. 문서를 테이블로 표시되도록 스타일시트를 변경합니다. XML 조식 메뉴 XML로 저장된 레스토랑에서 제공되는 조식 메뉴입니다.

쉼표로 구분된 목록에서 지정된 값을 가진 특성이 있는 요소 선택: XML CD 카탈로그 XML로 저장된 CD 컬렉션입니다. XHTML 태그를 사용하려는 경우 DTD 또는 기타 스키마 정의를 조정해야 합니다(사용하는 경우). 기억하세요: XML은 아무것도 모른다. 아래 코드 조각은 (1) XHTML 네임스페이스를 선언하는 방법과 (2) a 및 img Xhtml 요소의 간단한 버전을 보여 주어집니다. 브라우저에서 XML 내용을 직접 렌더링하려고 한다고 가정해 보겠습니다. 이 콘텐츠는 직접 만든 텍스트 중심 XML, 문서 표준을 사용하는 콘텐츠, 데이터베이스에서 가져오거나 웹 서비스를 통해 얻은 내용일 수 있습니다.