Подключить xml к html
Связывание данных: отображение XML-документа на Web-странице
Понятие о связывании данных
Метод связывания данных сводится к установке связи XML-документа с HTML-страницей, а также сцеплению элементов HTML с XML-элементами. В результате HTML-элементы автоматически отображают содержимое XML-элементов, с которыми они сцеплены. В этом случае при открытии HTML-страницы встроенный в Internet Explorer XML-процессор синтаксически анализирует XML-документ. При этом Internet Explorer создаёт программный объект, который носит название «Объект исходных данных» (Data Source Object, DSO). Объект DSO хранит данные XML и обеспечивает доступ к ним. DSO позволяет осуществлять доступ и манипулирование XML-данными посредством ряда методов, свойств и событий.
Если вы открываете XML-документ описанным выше способом (через HTML-страницу), Internet Explorer проверяет, является ли документ корректно сформированным, а также, если документ включает объявление типа документа — является ли документ валидным. Если документ содержит ошибку (не является валидным), Internet Explorer просто не будет отображать данные XML, не выводя сообщение об ошибке. Если документ содержит DTD (объявление типа документа), вы должны исчерпывающе описать все возможные элементы (спецификацию содержимого «ANY» использовать нельзя).
Связывание данных работает только с XML-документом, который симметрично структурирован, т.е. элементы документа могут быть интерпретированы как набор записей и полей.
Основные шаги при связывании данных:
Установка связи XML-документа с HTML-страницей, на которой вы хотите отобразить данные XML. Этот шаг реализуется включением HTML-элемента с именем XML в HTML-страницу:
Сцепление HTML-элементов с XML-элементами, например:
HTML-элемент с именем XML называется фрагментом данных. Весь текст XML-документа в принципе может быть помещён между начальным и конечным тэгами XML:
Однако согласно идеологии XML собственно данные (XML-документ) должны храниться отдельно от информации по их форматированию и обработке. Поэтому как правило HTML-элемент с именем XML (фрагмент данных) остаётся пустым и содержит только идентификатор объекта DSO и URL XML-документа, который находится в отдельном файле. Идентификатор фрагмента данных (атрибут ID) используется для доступа к XML-документу с HTML-страницы и должен быть уникальным.
Сцепление HTML-элементов с XML-элементами осуществляется двумя основными способами:
- Табличное сцепление. Сцепление HTML-элемента TABLE с данными XML, так что в таблице автоматически отображается весь набор записей, принадлежащий XML-документу.
- Сцепление по отдельным записям. Сцепление нетабличных HTML-элементов (например, элементов SPAN) с XML-элементами таким образом, что за один раз отображается только одна запись.
Табличное сцепление данных
При табличном сцеплении Internet Explorer берёт на себя бóльшую часть работы. Вам не нужно писать сценарии. Только если вы выбрали режим пролистывания, вам потребуется включить несколько вызовов простых функций. Кроме того, вы можете использовать вложенные HTML-таблицы для отображения XML-документа, содержащего иерархический набор записей.
Если данные XML-документа организованы в виде простого набора записей, т.е. если корневой элемент содержит множество элементов («записей»), каждый из которых содержит одинаковый набор элементов («полей»), а каждое «поле» содержит уже только символьные данные, вы можете использовать один единственный HTML-элемент TABLE для отображения XML-документа. Пример такого XML-документа:
Отображение XML с помощью CSS
XML расшифровывается E xtensible M arkup L anguage. Это динамический язык разметки. Он используется для преобразования данных из одной формы в другую форму.
Файл XML может быть отображен двумя способами. Это следующие: —
- Каскадная таблица стилей
- Расширяемое преобразование языка таблиц стилей
Отображение XML-файла с использованием CSS:
CSS может использоваться для отображения содержимого документа XML в четкой и точной форме. Это дает дизайн и стиль всему документу XML.
- Основные этапы определения таблицы стилей CSS для XML:
Для определения правил стиля для документа XML необходимо сделать следующее:- Определите правила стиля для текстовых элементов, таких как font-size, color, font-weight и т. Д.
- Определите каждый элемент как блок, встроенный элемент или элемент списка, используя свойство display CSS.
- Определите названия и выделите их жирным шрифтом.
- Связывание XML с CSS:
Чтобы отобразить XML-файл с помощью CSS, свяжите XML-файл с CSS. Ниже приведен синтаксис для связи XML-файла с помощью CSS: - Пример 1
В этом примере создается файл XML, содержащий информацию о пяти книгах и отображающий файл XML с использованием CSS.- XML-файл:
Создание Books.xml как: —
xml version = «1.0» encoding = «UTF-8» ?>
xml-stylesheet type = «text/css» href = «Rule.css» ?>
heading >Welcome To GeeksforGeeks heading >
title >Title -: Web Programming title >
author >Author -: Chrisbates author >
publisher >Publisher -: Wiley publisher >
edition >Edition -: 3 edition >
price > Price -: 300 price >
title >Title -: Internet world-wide-web title >
author >Author -: Ditel author >
publisher >Publisher -: Pearson publisher >
edition >Edition -: 3 edition >
price >Price -: 400 price >
title >Title -: Computer Networks title >
author >Author -: Foruouzan author >
publisher >Publisher -: Mc Graw Hill publisher >
edition >Edition -: 5 edition >
price >Price -: 700 price >
title >Title -: DBMS Concepts title >
author >Author -: Navath author >
publisher >Publisher -: Oxford publisher >
edition >Edition -: 5 edition >
price >Price -: 600 price >
title >Title -: Linux Programming title >
author >Author -: Subhitab Das author >
publisher >Publisher -: Oxford publisher >
edition >Edition -: 8 edition >
price >Price -: 300 price >
В приведенном выше примере Books.xml связан с Rule.css, который содержит соответствующие правила таблицы стилей.
CSS FILE:
Создание Rule.css как: —heading, title, author, publisher, edition, price <
- XML-файл:
- Выход :
- Пример 2
В этом примере создается файл XML, который содержит информацию о различных разделах в Geeks for Geeks и темах, которые они содержат, и после этого отображает файл XML с помощью CSS.- XML-файл:
Создание Section.xml как: —
xml version = «1.0» encoding = «UTF-8» ?>
xml-stylesheet type = «text/css» href = «Geeks.css» ?>
title >Hello Everyone! Welcome to GeeksforGeeks title >
- XML-файл: