НОУ ІНТУІТ, Лекція, Відображення XML-документів з використанням таблиць каскадних стилів

Оскільки в XML ви створюєте власні елементи, браузер не має вбудованих засобів, що дозволяють визначити, як їх правильно відобразити. Створення таблиці каскадних стилів та зв'язування її з вашим XML-документом – це один із способів повідомити браузеру, як відображати кожен із елементів документа. XML-документ із пов'язаною таблицею каскадних стилів може бути відкритий безпосередньо в Internet Explorer 5. Вам немає необхідності використовувати HTML-сторінку для доступу та відображення даних (як це має місце в інших методах відображення XML, про які буде говорити у двох наступних лекціях).

Зберігання інструкцій з відображення таблиці стилів окремо від самого XML-документа підвищує гнучкість XML-документа і полегшує роботу з ним. Ви можете, наприклад, швидко адаптувати один XML-документ до різних умов відображення (різним браузерам, додаткам, контекстним ситуаціям, периферійним пристроям тощо) простим приєднанням відповідної таблиці стилів без необхідності реструктурувати сам документ. Ви також можете швидко оновити формат для групи подібних документів XML за допомогою внесення змін до приєднаної до цих документів таблиці стилів, не відкриваючи і не редагуючи кожен з документів.

Використання таблиці стилів, мабуть, є найпростішим методом відображення документа XML. Мова CSS вже знайома багатьом Web-дизайнерам, оскільки саме вона в даний час використовується для HTML-сторінок. Крім того, сучасні Web-браузери забезпечують високий рівень підтримки таблиць каскадних стилів, тоді як інші методи відображення XML все ще перебувають у стадії розвитку, і браузери лише починають їх підтримувати.

Тим неменш, порівняно з іншими методами відображення XML, про які ви дізнаєтеся в наступних лекціях, таблиці каскадних стилів мають низку обмежень. Хоча таблиця каскадних стилів надає досить високий рівень керованості способами, якими браузер форматує вміст елементів у документах XML, вона не дає можливості модифікувати або реорганізовувати його вміст. Вона також не дозволяє вам здійснювати доступ до атрибутів, примітивів, інструкцій з обробки та інших компонентів XML – а також не дозволяє обробляти інформацію, яку ці компоненти містять.

У наступних лекціях ви познайомитеся зі складнішими – але й гнучкішими – способами відображення XML-документів. В "Відображення XML-документів з використанням зв'язування даних" ви дізнаєтесь, як зв'язувати XML-документ з HTML-сторінкою та відображати XML-елементи шляхом зчеплення з ними стандартних HTML-елементів. В "Відображення документів XML з використанням сценаріїв об'єктної моделі документа" ви дізнаєтесь, як здійснювати доступ і відображати окремі елементи, атрибути та інші компоненти XML-документа шляхом написання коду сценарію на HTML-сторінці. А в "Відображення XML-документів з використанням XSL-таблиць стилів" ви відкриєте для себе, як застосовувати ще більш потужну мову таблиць стилів – мову таблиць стилів (Extensible Stylesheet Language – XSL), яка дозволяє вам не тільки форматувати вміст XML-елемента , а й перетворювати вміст документа з досить високим ступенем гнучкості.

Основні етапи під час використання таблиці каскадних стилів

Ось два основні етапи при використанні таблиці каскадних стилів для відображення документа XML:

  1. Створення файлу таблиці стилів.
  2. Зв'язування таблиці стилів зXML-документ.

Крок перший: створення файлу таблиці стилів

Лістинг 7.1 містить приклад простий таблиці каскадних стилів.

Ця таблиця стилів призначена для приєднання до документа XML, представленого в Лістингу 7.2. Лістинг 7.2 використовується і в інших прикладах цієї лекції, тому вам доведеться не раз до нього звертатися.

Примітка. Приклад таблиці стилів у Лістингу 7.1 та приклад XML-документа в Лістингу 7.2 є копіями файлів, які ви створили у вправі "Відобразіть XML-документ з використанням таблиці каскадних стилів" у "Створення та відображення вашого першого XML-документа" .

Таблиця стилів складається з одного або кількох правил (іноді їх називають набором правил). Правило містить інформацію щодо відображення певного типу елемента в XML-документі. На малюнку 7.1 представлено правило для елементів BOOK із зазначенням його складових частин.

інтуіт

Селектор є ім'я типу елемента, якого відноситься інформація по відображенню.

  • display:block. Поміщає переклад рядка перед та після тексту елемента; (Ця установка має інші призначення, про що ви дізнаєтеся далі в цій лекції.)
  • margin-top :12pt . Додає верхнє поле (відбивку) висотою 12 пунктів до тексту елемента;
  • font-size:10pt . Встановлює розмір шрифту, який використовується для відображення тексту елемента, 10 пунктів;
  • font-style :італік . Відображає текст елемента курсивом;
  • font-weight:bold . Відображає текст напівжирним елементом.

xml-документів

Набір властивостей, що використовуються в таблицях каскадних стилів, нагадує набір властивостей, які ви можете застосовувати в текстовому процесорі. Далі в цій лекції ви познайомитеся з різними властивостями, які можете застосовувати, а такожзначеннями, які ви можете надавати певним властивостям.

Нечутливість до регістру в CSS

В Internet Explorer 5 таблиці каскадних стилів нечутливі до регістру, в якому набрані символи. Тобто, коли Internet Explorer 5 обробляє таблицю стилів, він ігнорує регістр літер (малі або великі). Наприклад, ви можете набрати наступне правило будь-яким із трьох наведених нижче способів:

Нечутливість до регістру в таблицях каскадних стилів має важливе значення. Оскільки XML-документи є чутливими до регістру, ви можете мати два різних типи елемента, імена яких відрізняються лише регістром літер, наприклад, Book і BOOK . У таблиці каскадних стилів, однак, ці два імені будуть віднесені до одного і того ж типу елемента, і ви не зможете призначити їм різну установку властивостей. Отже, якщо ви маєте на увазі відображати ваш XML-документ з використанням таблиці каскадних стилів, у вас не повинно бути типів елементів, імена яких відрізняються лише регістром однієї або декількох літер.