Kliendipoolsete veebirakenduste programmeerimine Natalia Prishvitsyna
Создание XML-документа
Поскольку описание XML-документа представляет собой простой текст, вы можете создать его, используя ваш любимый текстовый редактор, например, редактор Notepad, входящий в состав Microsoft Windows. Еще лучше воспользоваться редактором, в котором предусмотрена возможность анализа исходных кодов, например, текстовым редактором Microsoft Visual Studio, рассчитанным на работу с Microsoft Visual C++, Microsoft Visual InterDev, Microsoft Visual J++ и другими приложениями Visual Studio.
Создайте XML-документ
-
Откройте новый файл в вашем текстовом редакторе и введите текст XML-документа, листинг которого представлен ниже.
При желании можно опустить некоторые элементы типа BOOK. Вам не обязательно набирать все восемь – достаточно будет трех или четырех. (Элемент BOOK включает в себя теги
-
Воспользуйтесь командой Save (Сохранить) текстового редактора, для сохранения документа на вашем жестком диске, присвоив ему имя Inventory.xml.
298
$5.49
462
$7.75
98
$2.95
473
$10.95
724
$9.95
256
$4.95
253
$4.25
384
$3.35
Анатомия XML-документа
XML-документ, подобный только что набранному вами, состоит из двух основных частей: пролога и элемента Документ (его также называют корневым элементом), как показано
Пролог
В данном примере документа пролог состоит из следующих строк:
Первая строка представляет собой объявление XML, указывающее на то, что это XML-документ и содержащее номер версии. (На момент создания курса последняя версия XML имела номер 1.0.) Объявление XML не является обязательным, хотя спецификация требует его включения. Если вы включаете XML-объявление, оно должно находиться в начале документа.
Вторая строка пролога состоит из пробела. С целью улучшения внешнего вида документа вы можете вставлять любое количество пустых строк между элементами пролога. При обработке они будут игнорироваться.
Третья строка пролога представляет собой комментарий. Добавление комментариев в XML-документ не обязательно, но позволяет сделать его более понятным. Комментарий начинается с символов . Между этими двумя группами символов вы можете поместить любой текст (за исключением двойного тире -- ); XML-процессор проигнорирует его.
Пролог может также содержать следующие необязательные компоненты:
-
объявление типа документа, определяющее тип и структуру документа. Объявление типа документа должно следовать после XML-объявления; -
одна или несколько инструкций по обработке, содержащих информацию о порядке проходов при обработке приложения XML-процессором. Далее в этой лекции вы познакомитесь с инструкцией по обработке для связывания таблицы стиля с XML-документом.
Примечание. XML-процессор – это программный модуль, считывающий XML-документ и обеспечивающий доступ к его содержимому. Он также предоставляет этот доступ другим программным модулям, или приложениям, которые манипулируют и отображают содержимое документа. Если вы отображаете XML-документ в браузере, то он включает в себя как XML-процессор, так и приложение. (Если для отображения XML-документа вы используете HTML и сценарий (скрипт-код), то при этом самостоятельно создаете часть приложения.) Обратите внимание, что термин приложение в данном случае отличен от термина, применяемого для обозначения XML-приложения (или словаря) как целевого набора элементов и структуры документа, которые используются для описания документов определенного типа.
Элемент Документ
Второй основной частью XML-документа является единый элемент Документ, или корневой элемент, который в свою очередь содержит дополнительные элементы.
В XML-документе элементы определяют его логическую структуру и несут в себе информацию, содержащуюся в документе (в нашем примере это информация о книгах, такая как название, автор, цена). Типовой элемент состоит из начального тега, содержимого элемента и конечного тега. Содержимым элемента могут быть символьные данные, другие (вложенные) элементы, либо сочетание данных и вложенных элементов.
В рассматриваемом примере элемент Документ – INVENTORY. Его начальный тег –
Примечание. Текст в XML-документе представляет собой перемежающиеся символьные данные и данные, относящиеся к разметке. Разметка – это текст, ограниченный разделителями и описывающий структуру документа. А именно, начальный и конечный теги элемента, теги пустого элемента, объявления типа документа, инструкции по обработке, ограничители раздела CDATA, символьные ссылки, ссылки на примитивы (entity). (Об элементах разметки вы узнаете в последующих лекциях.) Остальной текст представляет собой символьные данные – реальное информационное содержимое документа (в нашем примере это названия, фамилии авторов, цена и другая информация о книге).
Примечание. Элемент Документ в XML-документе похож на элемент BODY на HTML-странице, за исключением того, что вы можете присвоить ему любое допустимое имя.
В свою очередь, каждый элемент BOOK содержит ряд вложенных элементов
Примечание. Имя, которое содержится в начальном и конечном теге, есть тип элемента.
Каждый из элементов, вложенных в элемент BOOK, например, элемент TITLE, содержит только символьные данные
Некоторые базовые правила XML
Ниже приведено несколько основных правил создания форматированного XML-документа. Форматированный документ соответствует минимальному набору правил, обеспечивающих возможность обработки документа браузером или другой программой. Документ, составленный вами ранее в этой лекции, является примером форматированного XML-документа, удовлетворяющего этим правилам.
-
Документ должен иметь только один элемент верхнего уровня (элемент Документ или корневой элемент).Все другие элементы должны быть вложены в элемент верхнего уровня. -
Элементы должны быть вложены упорядоченным образом.То есть, если элемент начинается внутри другого элемента, он должен и заканчиваться внутри этого элемента. -
Каждый элемент должен иметь начальный и конечный тег.В отличие от HTML, в XML не разрешается опускать конечный тег – даже в том случае, когда браузер в состоянии определить, где заканчивается элемент. -
Имя типа элемента в начальном теге должно в точности соответствовать имени в соответствующем конечном теге. -
Имена типов элементов чувствительны к регистру, в котором они набраны. В действительности весь текст внутри XML-разметки является чувствительным к регистру. Например, следующее описание элемента является неправильным, поскольку имя типа элемента в начальном теге не соответствует имени типа в конечном теге:
Ссылка. Во второй части вы найдете подробные инструкции по написанию не только корректно сформированных (well-formed), но и валидных (valid) XML-документов, для которых предусмотрен более строгий набор требований.
Отображение XML-документа
Вы можете открыть XML-документ непосредственно через Internet Explorer 5, точно так же, как вы бы открыли HTML Web-страницу.
Если XML-документ не содержит связи с таблицей стилей, Internet Explorer 5 помечает различные составные части документа различным цветом, чтобы облегчить их распознавание, а также представляет элемент Документ в виде иерархического дерева с возможностью свертывания и развертывания структуры и просмотра с меньшей или большей степенью детализации.
Если же XML-документ имеет связь с таблицей стиля, браузер отобразит только символьные данные из элементов документа, отформатировав их в соответствии с правилами, установленными в таблице стиля. Вы можете использовать либо таблицу каскадных стилей (CSS-таблицу, аналогичную той, которая используется для HTML-страниц), либо XSL-таблицу стилей (Extensible Stylesheet Language), которая является более мощным инструментом и строится в соответствии с синтаксисом, принятым для XML. Такие таблицы могут использоваться исключительно для XML-документов.
Отобразите XML-документ без таблицы стиля
-
В Windows Explorer (Проводник), или в окне папки, дважды щелкните на имени файла Inventory.xml, который вы сохранили в предыдущем упражнении. Браузер отобразит документ
Попробуйте изменить степень детализации представления элементов документа. Щелкните на символе знака минус (-) слева от начального тега, чтобы свернуть элемент, либо на знаке плюс (+) рядом со свернутым элементом, чтобы развернуть его. Например, щелкнув на знаке минус (-) рядом с элементом INVENTORY, вы получите то же
Отобразите XML-документ с использованием таблицы каскадных стилей
Откройте новый, пустой текстовый файл в вашем текстовом редакторе и заполните CSS-таблицу.
С помощью команды Save (Сохранить) вашего текстового редактора сохраните таблицу стиля на жестком диске, задав имя файла Inventory01.css. Созданная вами CSS-таблица сообщает Internet Explorer 5, каким образом форматировать символьные данные элементов.
-
Отображать каждый элемент BOOK с отступом сверху в 12 пт (margin-top:12pt) с переводом строки сверху и снизу (display:block), используя размер шрифта 10 пт (font-size:10pt). -
Отображать каждый элемент TITLE курсивом (font-style:italic). -
Отображать каждый элемент AUTHOR полужирным (font-weight:bold).
/* File Name: Inventory01.css */
BOOK
{display:block;
margin-top:12pt;
font-size:10pt}
TITLE
{font-style:italic}
AUTHOR
{font-weight:bold}
В вашем текстовом редакторе откройте документ Inventory.xml, созданный вами в предыдущем упражнении. Добавьте в конце пролога документа (непосредственно над элементом INVENTORY ) следующую инструкцию по обработке:
Эта инструкция по обработке устанавливает связь созданной вами CSS-таблицы и XML-документа. В результате при открытии документа браузер отобразит содержимое документа в соответствии с инструкциями, записанными в таблице стилей.
Чтобы отразить новое имя файла, которое вы собираетесь присвоить, измените комментарий в начале документа с
на
Воспользуйтесь командой Save As (Сохранить как) вашего текстового редактора, чтобы сохранить копию измененного документа под именем Inventory01.xml. Проверьте, чтобы этот файл был сохранен в той же папке, что и файл Inventory01.css.
298
$5.49
462
$7.75
98
$2.95
473
$10.95
724
$9.95
256
$4.95
253
$4.25
384
$3.35
В Windows Explorer (Проводник) или в окне папки дважды щелкните на файле Inventory01.xml, чтобы открыть документ.
Чтобы почувствовать, как можно изменять представление XML-документа путем модификации связанной таблицы стилей, откройте новый, пустой текстовый файл в вашем текстовом редакторе и введите измененную CSS-таблицу.
Воспользуйтесь командой Save (Сохранить) вашего текстового редактора, чтобы сохранить новую таблицу стилей на жестком диске, присвоив ей имя файла Inventory02.css.
Созданная вами модифицированная таблица стилей сообщает браузеру, каким образом форматировать символьные данные элементов.
-
Отображать каждый элемент BOOK с отступом сверху в 12 пт ( margin-top:12pt ) и с переводом строки сверху и снизу ( display:block ), используя размер шрифта 10 пт ( font-size:10pt ). -
Отображать каждый из элементов TITLE, AUTHOR, BINDING и PRICE в отдельной строке ( display:block ). -
Отображать элемент TITLE шрифтом с размером 12 пт ( font-size:12pt ), полужирным ( font-weight:bold ), курсивом ( font-style:italic ). (Обратите внимание, что установка для элемента TITLE размера шрифта 12 пт превалирует над установкой размера 10 пт для родительского элемента BOOK.) -
отступ слева для каждого из элементов AUTHOR, BINDING и PRICE на 15 пт ( margin-left:15pt ). -
Отображать элемент AUTHOR полужирным ( font-weight:bold ). -
Не отображать элемент PAGES ( display:none ).
/* File Name: Inventory02.css */
BOOK
{display:block;
margin-top:12pt;
font-size:10pt}
TITLE
{display:block;
font-size:12pt;
font-weight:bold;
font-style:italic}
AUTHOR
{display:block;
margin-left:15pt;
font-weight:bold}
BINDING
{display:block;
margin-left:15pt}
PAGES
{display:none}
PRICE
{display:block;
margin-left:15pt}
В вашем текстовом редакторе откройте документ Inventory.xml. Добавьте в конце пролога документа (над элементом INVENTORY ) следующую инструкцию по обработке:
Эта инструкция по обработке устанавливает связь между новой CSS-таблицей, созданной вами, и XML-документом.
Чтобы отразить новое присвоенное вами имя файла, измените комментарий в начале документа с
на
Воспользуйтесь командой Save As (Сохранить как), чтобы сохранить копию измененного документа под именем Inventory02.xml. Проверьте, чтобы этот файл был сохранен в той же папке, что и файл Inventory02.css.
298
$5.49
462
$7.75
98
$2.95
473
$10.95
724
$9.95
256
$4.95
253
$4.25
384
$3.35
В Windows Explorer (Проводник) или в окне папки дважды щелкните на имени файла Inventory02.xml, чтобы открыть его.
Internet Explorer откроет документ Inventory02.xml и отобразит его в соответствии с правилами, установленными в связанной таблице стилей Inventory02.css, как показано на (здесь представлено лишь четыре книги; осуществив прокрутку вниз, вы увидите остальные).
