Стандарты кодирования XHTML. Стандарты кодирования XHTML WWW (World Wide Web) – «Всемирная паутина» – распределённая глобальная компьютерная сеть (включающая.

Презентация:



Advertisements
Похожие презентации
Лекция 1 Основные понятия и определения Гвасалия Дарья Александровна.
Advertisements

Web-сайты и Web- страницы. Web-страницы - специальные файлы, написанные на языке HTML (HyperText Markup Language - язык разметки гипертекста). Браузер.
Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка.
HyperText Markup Language. Содержание: Введение Начало работы !DOCTYPE.
Powerpoint Templates Page 1 Язык разметки гипертекста HTML.
Структура HTML- документа. Терминология Элемент - конструкция языка HTML. Это контейнер, содержащий данные и позволяющий отформатировать из определенным.
Верстка сайтов Введение. Оглавление Основные понятия Тэги и элементы разметки Управление визуальным представлением документа Правила написания кода.
Язык разметки гипертекста HTML. Основные понятия WWW (World Wide Web) – «Всемирная паутина» – система Интернет, предназначенная для гипертекстового связывания.
Всемирная паутина Компьютерные телекоммуникации. 2 World Wide Web Популярнейшая служба Интернета - World Wide Web (сокращенно WWW или Web), еще называют.
1 Всемирная паутина. 2 Популярнейшая служба Интернета - World Wide Web (сокращенно WWW или Web), еще называют Всемирной паутиной. Представление информации.
Презентация по дисциплине Программное обеспечение компьютерных сетей Дудко Е.В., преподаватель спец. дисциплин ГБОУ СПО Новороссийского колледжа строительства.
Разработка Web-сайтов с использованием языка разметки гипертекста HTML.
Назначение и струкутура сети Интернет Компьютерные телекоммуникации.
это десятки миллионов Web-серверов Интернета, содержащих Web-страницы, в которых используется технология гипертекста. Технология WWW позволяет создавать.
О.Б.Богомолова Web-конструирование на HTML, 2008 г. ГОУ СОШ 1909 г. Москвы учитель Пакульских Е.В.
Язык разметки гипертекста HTML Учитель информатики МОУ СОШ 5 г.Сегежи В.В.Меньшиков.
Разработка Web-сайтов с использованием языка разметки гипертекста HTML Цель Познакомить с языком разметки гипертекстовых документов.
Всемирная паутина Компьютерные телекоммуникации. 2 World Wide Web Популярнейшая служба Интернета - World Wide Web (сокращенно WWW или Web), еще называют.
Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны Урок 2. Элементы HTML Презентация учителя информатики и ИКТ Вакатовой Ирины Владимировны.
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
Транксрипт:

Стандарты кодирования XHTML

Стандарты кодирования XHTML WWW (World Wide Web) – «Всемирная паутина» – распределённая глобальная компьютерная сеть (включающая не только Internet), обеспечивающая обмен информацией между удалёнными компьютерами. Интернет объединяет в себе множество различных способов (правил-протоколов) передачи информации между компьютерами. Всемирная паутина WWW является одним из таких методов сбора и обмена информацией. Она основывается на использовании страниц Web в качестве механизма упаковки и передачи информации между компьютерами, соединенными с Интернет. Контент (содержание) любой Web-страницы форматируется для представления с помощью языка разметки гипертекста (HTML), чтобы организовать и определить стиль представленной информации и связать с другим контентом на отдаленных компьютерах.

Развитие стандартов HTML Форматирование любой Web-страницы осуществляется на так называемом «языке разметки» (языке HTML), который используется для "разметки" информации на странице, чтобы описать ее расположение и представление при выводе в браузере Web. Коды разметки, называемые также тегами или элементами HTML, всегда помещаются между символами " ", чтобы выделить их в текстовом контенте, к которому они применяются. Обычно "открывающий" тег указывает на начальную точку форматирования, а отдельный "закрывающий" тег указывает на конечную точку форматирования. Пример: Форматировать эту строку текста. (Тег h2 – стиль заголовка. Другой стиль заголовка – h1)

Развитие стандартов HTML Рис. 1. Развитие версий HTML

Стандарты кодирования XHTML Последние усилия Консорциума Web, созданного в 1994 году для координации работ по созданию и применению базовых протоколов и форматов сети, были сосредоточены на определении нового языка XML (eXtensible Markup Language - Расширяемый язык разметки) для использовании в качестве универсального языка разметки, заменяющего более старые языки, и со стандартами создания будущих языков для специальных случаев разметки. Недавние усилия по переработке HTML как языка на основе XML привели к его текущей инкарнации в качестве XHTML (eXtensible HyperText Markup Language - Расширяемый язык разметки гипертекста). Начальная версия, XHTML 1.0, появилась в 2000 г. как переходный стандарт, который все еще распознает некоторые популярные свойства HTML. Однако к 2001 г. он развился в версию XHTML 1.1 и полностью отказался от оставленных свойств предыдущих стандартов HTML. Язык в настоящее время пересматривается в направлении версии XHTML 2.0. Современный версии браузеров (Internet Explorer, Firefox) с уверенностью поддерживают стандарт XHTML.

Стандарты кодирования XHTML При создании страниц Web рекомендуется включать кодирование, чтобы указать стандарт Web, которому будет следовать кодирование. Поэтому желательно, чтобы все страницы Web включали следующую начальную строку кода для указания, что документ Web является фактически документом XML (первая строка html-документа) : (Windows-1251 – это Кириллица-windows)

Стандарты кодирования XHTML Кроме того, следует указать версию стандарта, с которым Web-страница согласована. Страница Web обозначает свое соответствие стандарту с помощью Определения типа документа (DTD), указанного в начале страницы после объявления XML. Для версии XHTML 1.1, DTD соответствия кодируется следующим образом: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" " Более ранние стандарты:

Соответствие XHTML 1.0 Существуют три версии стандарта XHTML 1.0, который основывается на более старых методах кодирования, которые все еще применяются и распознаются большинством современных браузеров. XHTML 1.0 Strict 1 версия: XHTML 1.0 Strict – web-документ строго соответствует стандартам XHTML 1.0, что означает использование методов кодирования, очень близких по ограничениям стандартам XHTML 1.1. XHTML 1.0 Transitional 2 версия: XHTML 1.0 Transitional – web-документ в переходном соответствии, что позволяет использовать исторически распространенные методы кодирования, которые не разрешают более строгие стандарты. XHTML 1.0 Frameset 3 версия: XHTML 1.0 Frameset – web-документ находится в соответствии с фреймами, что позволяет разделить окно браузера на отдельные подокна (фреймы), каждое из которых может выводить разные страницы Web. Тремя DTD соответствиями, которые необходимо указывать для этих версий XHTML 1.0, являются:

DTD-соответствия для XHTML 1.0 : XHTML 1.0 Strict 1 версия: XHTML 1.0 Strict XHTML 1.0 Transitional 2 версия: XHTML 1.0 Transitional XHTML 1.0 Frameset 3 версия: XHTML 1.0 Frameset

Корневой элемент Корневым элементом (открывающим тегом) страницы XHTML должен быть тег <html>, указывающий пространство имен применяемого стандарта, то есть, расположение в Web применяемого для страницы стандарта XHTML. Во всех случаях корневой элемент кодируется: <html xmlns=" xml:lang="en">

Кодировка Web-страницы Затем необходимо указать используемую кодировку. В настоящее время самой распространенной кодировкой русского алфавита является Кириллица-windows. Пример страницы XHTML Далее следует тег …

Особенности стандарта XHTML Все теги записываются символами нижнего регистра. «Незакрывающиеся» теги кодируются специальным образом. Они должны содержать символ наклонной черты / непосредственно перед закрывающиеся угловой скобкой. Например, тег br (для создания разрыва строки в абзаце) пишется:. Такое специальное кодирование указывает, что тег служит одновременно открывающим и закрывающим.

Основные теги при создании Web-страницы Тег Контейнерный тег (т.е. тег кодирующийся парой из открывающего и закрывающего тегов - таких большинство) (обрамляет, окаймляет, охватывает) окружает весь код XHTML в документе. Этот тег указывает, что обрамленная информация содержит код XHTML и должна интерпретироваться соответствующим образом в браузере. В соответствии со стандартами XHTML открывающий тег включает ссылку на расположение пространства имен стандартов валидации, которые будут применяться к этому документу вместе с атрибутами, определяющими используемый язык, в данном случае английский (en).

Основные теги при создании Web-страницы Тег <head> Контейнерный тег <head> обрамляет раздел заголовка документа XHTML. Раздел заголовка содержит название документа (title) вместе с другой информацией, связанной с форматированием и индексированием (описанием) документа. <head> <title> здесь находится название документа </title> </head>

Тег Контейнерный тег добавляет в документ название. Этот тег обрамляет строку текста, которая появляется в строке заголовка браузера, когда открывается страница. Тег содержит идентификационную информацию о странице, полезную посетителю различных страниц Web-сайта. Теги и необходимы при создании Web-страницы для соответствия стандартам XHTML 1.1.

Основные теги при создании Web-страницы Тег Основная часть кода документа XHTML находится в разделе тела документа, обрамленного контейнерным тегом. Только та информация, которая появляется внутри этого тега, выводится в окне браузера. В своей простейшей форме раздел тела содержит обычный текст, который выводится стилем используемого по умолчанию шрифта в окне браузера. Браузеры обычно выводят текст с помощью шрифта Times New Roman и размером примерно 12 пунктов. Тег Обозначение абзаца документа.

Валидация страниц Web Консорциум WWW обеспечивает службу валидации страниц Web для проверки страницы на соответствие стандартам. Хотя проверка страниц на соответствие не требуется для вывода страниц в браузере, но все-таки желательно выполнять валидацию страниц, чтобы убедиться, что они на самом деле соответствуют стандартам. Служба валидации W3C доступна по адресу: org Существует три возможности для проверки страниц. Можно ввести URL страницы (убедившись, что страница доступна в Web), можно загрузить документ Web со своего локального ПК или можно скопировать свой код в текстовое поле. После нажатия кнопки "Check" выполняется валидация и выводится страница отчета. Если документ не соответствует стандартам, выводятся сообщения об ошибках, указывающие те элементы страницы, которые являются некорректными.

ЗАДАНИЕ Создайте свою Web-страницу в блокноте (Утилиты – Блокнот Wine или Утилиты – Редактор KWrite), состоящую из нескольких строк. Зайдите на сайт службы валидации org и проверьте созданную страницу на соответствие стандартам.

Использованные Интернет-ресурсы Д.Р. Адамс, К.С. Флойд. Основы работы с XHTML и CSS (INTUIT.ru) rticle/info/info-617.htm?text=www rticle/info/info-617.htm?text=www

ПРИМЕЧАНИЯ Смотреть в режиме просмотра Смотреть в режиме просмотра Сроки сдачи: Сроки сдачи: