| Главная « Справочник по языку XHTML 1.0 |  |
 |
Анатомия Web-сайта |
Если вы еще не создавали Web-сайтов, общая информация о сайтах поможет вам понять назначение HTML/XHTML и CSS, а также особенности их совместного использования.
Если вы работали с одним из «визуальных» инструментов создания Web-сайтов, например DreamWeaver или FrontPage, значит вы уже немного продвинулись по пути обучения, однако это отступление поможет вам понять, что вы будете учить дальше.
Если вы бродили по WWW, то знаете, что Web-страницы могут содержать текст, изображения, ссылки, звук, видео или анимированные изображения.
Вы также можете знать, что на некоторых страницах используются скрипты, написанные на различных языках программирования (JavaScript, PHP), чтобы сделать страницу интерактивной, связать с базой данных или собрать информацию, которую пользователь вводит в форму.
HTML и XHTML - это «клей», при помощи которого разрозненные части собираются в страницу, которая отображается в браузере (Internet Explorer или Mozilla Firefox) в удобном для чтения формате. Браузер - это ваше окно во Всемирную Паутину (WWW).
XHTML - это язык, который используется для того, чтобы сказать браузеру, каким образом следует разметить Web-страницу.
CSS появляется на сцене, когда необходимо настроить стиль отображения элемента страницы. Стиль может задавать цвет, место расположения, изображения, шрифты, отступы для элемента, но не влияет на информацию, которая размечена при помощи XHTML.
 |
Что такое XHTML и HTML? |
Язык разметки гипертекста (HTML) - это программная спецификация того, каким образом можно писать Web-страницы, а также способ их отображения на экране компьютера.
XHTML - это сокращение от eXtensible Hypertext Markup Language (расширяемый язык разметки гипертекста), спецификации, которая выросла из HTML.
Термин «расширяемый» вы поймете сразу же, но, чтобы понять роль слов HTML в термине XHTML, вам необходимо понять три слова, которые составляют аббревиатуру HTML.
Гипертекст (hypertext) - это просто текст, который расположен в «гиперпространстве» - в Интернете.
Это обычный текст, который включает фактическое содержимое вашей страницы и информацию, которая необходима для корректного отображения страницы и связи ее с другими страницами.
Гипертекст форматируется при помощи языка разметки (markup language) - стандартного набора символов и кодов, который однозначно интерпретируется всеми браузерами.
 |
Организация, которая отвечает за создание и публикацию стандартов для различных Web-технологий, включая и XHTML, - World Wide Web Consortium, или W3C (Консорциум W3C). Смотрите также сайт группы стандартов Web, коалиции, которая борется за внедрение Web-стандартов (www.webstandards.org). |
Разметка (markup) - это способ разделить два качественно различных вида информации, которые содержит Web-страница.
Первый вид информации - это информация о структуре страницы, которая соответствует ее содержимому.
Если думать о Web-странице как о множестве слов, то код HTML - это разметка, или каркас, который определяет, чем являются другие слова - заголовками, списками или абзацами.
Способ, которым вы размечаете текст на странице, связывает информацию, придавая ей конкретное значение заголовка, подзаголовка или цитаты.
Кроме того, разметка определяет представление элементов. Например, для заголовков и подзаголовков используются различные шрифты. Первая версия HTML была всего лишь средством спецификации визуального представления страницы.
На первом этапе создания WWW при помощи протокола передачи гипертекста (HTTP, Hypertext Transfer Protocol) можно было передавать только текст.
Когда появилась возможность передавать изображения, звук и другую информацию, в HTML были добавлены соответствующие элементы.
После нескольких лет быстрого роста в HTML оказалось слишком много средств, управляющих разметкой одного отдельно взятого элемента.
Стало ясно, что описывать способ отображения каждого элемента страницы неэффективно, и тогда Web-сообщество разработало стандарт каскадных таблиц стилей (CSS, Cascading Style Sheets) как более эффективный способ управления представлением страниц.
|
Какова разница между XHTML и HTML? |
XHTML - это на самом деле HTML, просто это последний его стандарт, рекомендованный консорциумом W3C.
В этом справочнике код отвечает стандарту XHTML, так как этот стандарт является текущим стандартом W3C. Когда вы изучаете XHTML, вы изучаете HTML.
Существует несколько базовых отличий кода XHTML от кода HTML, и в нужное время я обращу на это ваше внимание.
XHTML - это больше, чем HTML, потому что это расширяемый язык. В XHTML используются правила синтаксиса расширяемого языка разметки (XML).
В состав расширяемого языка разметки можно добавить новые элементы, например такие, которые делают математические вычисления или рисуют изображения.
Web-страницы, написанные на XHTML, легко могут взаимодействовать со страницами XML.
 |
Разъяснение типов тегов в XHTML 1.0 |
В данном справочнике описаны все теги определения XHTML 1.0 Transitional DTD. Обратите внимание, что многие из этих тегов по своей сути отвечают за представление документа и были удалены из определения Strict DTD. Для каждого тега приведены замечания и рекомендации по использованию.
|
Разъяснение типов тегов: Отображение… |
-
Блочный (block): Тег блочного уровня, по умолчанию создает блочный прямоугольник. Все последующие теги будут размещены на новой строке.
-
Встроенный (inline): Встроенный тег, создает прямоугольник в строке и не разрывает ее.
-
Структурный (structural): Тег, который используется для формирования структуры документа или для структурирования других тегов в определенной части документа, например, table, head и т. д.
|
Обратите внимание, что тип отображения тега можно изменить при помощи свойства display языка CSS. Терминология, используемая здесь, предназначена для описания основного стандартного поведения тега. У некоторых тегов существует несколько типов отображения, например структурный и блочный. В таких случаях приводится основной тип отображения. |
|
Разъяснение типов тегов: пустой и непустой… |
-
Пустой (empty): Тег, не содержащий данных, но являющийся инструкцией для браузера для выполнения какого-либо действия, например разрыва строки или отображения изображения.
В языке XHTML пустые теги завершаются слэшем, как, например: <br />.
-
Непустой (non-empty): Тег, содержащий данные. В языке XHTML все непустые теги должны быть закрыты, как показано в следующем примере: <p>non-empty...</p>
