Технологии разработки web-документов

Автономные веб-документы используют язык HTML – Hyper Text Markup Language – язык гипертекстовой разметки. Гипертекст, то есть расширенный текст, включает дополнительные элементы: иллюстрации, ссылки, вставные объекты. Под разметкой понимается использование специальных кодов, легко отделяемых от смыслового содержания документа и используемых для реализации гипертекста. Применение этих кодов подчиняется строгим правилам, определяемым спецификацией языка HTML.

8.5. Создание веб-документов

Особенность описания документа средствами языка HTML связана с принципиальной невозможностью достижения абсолютной точности воспроизведения исходного документа. Предполагается, что документ будет широко доступен в Интернете, и поэтому неизвестно, как будет организовано его воспроизведение. Документ может быть представлен на графическом экране, выведен в текстовом виде или просто «прочитан» программой синтеза речи. Разметка HTML во всех этих случаях должна быть принята во внимание. Поэтому язык HTML предназначен не для форматирования документа, а для его функциональной разметки. Например, документы обычно начинаются с заголовков. Свойство части документа «быть заголовком» - это не особенность форматирования документа, а характеристика его содержания. Конкретное средство отображения документа (браузер) выбирает свой способ представления части документа, описанной как заголовок.

Недостаток оформительских средств и средств обеспечения интерактивности восполняется внешними по отношению к HTML средствами, такими как списки стиля и динамические сценарии. Многие веб-узлы выполняют автоматическую генерацию веб-страниц на основе содержания некоторой БД и запроса пользователя. Подобные элементы стали стандартными компонентами современных веб-страниц.

Управляющие конструкции языка HTML называются тегами (tag) и вставляются непосредственно в текст документа. Все теги заключаются в угловые скобки <…>. Сразу после открывающей скобки помещается ключевое слово, определяющее тег, например <center>. Теги HTML бывают парными и непарными. Непарные теги оказывают воздействие на весь документ или определяют разовый эффект в месте своего появления. При использовании парных тегов в документ добавляются открывающий и закрывающий теги, которые воздействуют на часть документа, заключенную между ними. Закрывающий тег отличается от открывающего наличием символа «/» (косая черта или слэш) перед ключевым словом (</center>). Закрытие парных тегов выполняется так, чтобы соблюдались правила вложения:

<center><i>Александр Пушкин</i></center>

Эффект применения тега может видоизменяться путем добавления атрибутов. В парных тегах атрибуты добавляются только к открывающему тегу. Атрибуты представляют собой дополнительные ключевые слова, отделяемые от ключевого слова, определяющего тег, и от других атрибутов, пробелами и размещаемые до завершающего тег символа ">". Способ применения некоторых атрибутов требует указания значения атрибута, которое отделяется от ключевого слова символом «=» (знак равенства) и заключается в кавычки.

<h1 align="center" style=’text-align:center’>

Определение HTML как языка разметки основывается на том, что при удалении из документа всех тегов получается текстовый документ, совершенно эквивалентный по содержанию исходному, гипертекстовому документу. Таким образом, при отображении документа HTML сами теги не отображаются, но влияют на способ отображения остальной части документа.

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

Принципы иного подхода можно понять на основе изучения работы текстовых процессоров. Так, можно использовать редактор Word или входящую в состав Microsoft Visual Studio программу Microsoft Visual Web Developer. Существуют и другие программы того же самого назначения.

Работа вручную позволяет создавать более универсальные, более качественные и более разнообразные документы. Второй способ проще, так как он не требует знания языка HTML. Однако в этом случае используются средства форматирования вместо средств описания, что может иногда приводить к нежелательным последствиям.

8.6. Применение языка HTML

8.6.1. Структура документа HTML

Все документы HTML имеют одну и ту же структуру, определяемую фиксированным набором тегов структуры. Документ HTML всегда должен начинаться с тега <html> и заканчиваться соответствующим тегом </html>. Внутри документа выделяется два основных раздела: раздел заголовков и тело документа, идущих именно в таком порядке. Раздел заголовков содержит информацию, описывающую документ в целом, и ограничивается тегами <head> и </head>. В частности, раздел заголовков должен содержать общий заголовок документа, ограниченный парным тегом <title>.

Основное содержание размещается в теле документа, которое ограничивается парным тегом <body>. Строго говоря, положение структурных тегов в документе нетрудно определить, даже если они опущены. Поэтому стандарт языка HTML требует наличие тега <title> (и, соответственно, </title>). Тем не менее, при создании документа HTML опускать структурные теги не рекомендуется.

Простейший правильный документ HTML, содержащий все теги, определяющие структуру, может выглядеть следующим образом:

<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.01//EN">

<html>

<head>

<meta name=author content="Иванов Иван Иванович">

<title>Учебный демонстрационный сайт</title>

</head>

<body>

Текст документа

</body>

</html>

Дата добавления: 2014-01-04