Файл: Гипертекстовая разметка,её языки.pdf

Та самая информация о способе представления хранится не непосредственно в документе, а в отдельном файле — листе стилей. Подобная схема позволяет автоматически обрабатывать одну и ту же информацию различными способами.

Разработчики системы справедливо посчитали, что всякий документ может быть надежно обработан лишь в том случае, если он соответствует некоему единому стандарту. Все прочие документы предполагалось отвергать. Таким образом, потребовалось четко определить допустимую структуру документов того или иного типа. Для этой цели был задействован механизм определений типов документов (DTD — Document Type Definition). DTD, как и лист стилей, представляет собой файл, внешний по отношению к соответствующему документу.

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

Язык, соответствующий всем вышеозначенным концепциям и получивший название GML (Generalized Markup Language), был создан в 1969 г.

В 1974 г. Гольдфарб доказал, что допустимость документа можно проверять, не обрабатывая его. Это послужило стимулом к дальнейшей работе над проектом — разработчики значительно расширили свой первоначальный замысел, замахнувшись на статус промышленного стандарта для хранения текстовых документов. В 1986 г. ISO приняла язык GML в качестве международного стандарта, и в его названии закономерно появилась буква «S». Десятью годами позже стандартом ISO стал язык DSSSL (Document Style Semantics and Specification Language — язык для определения семантики и спецификации стиля документов), определяющий правила, в соответствии с которыми создаются листы стилей, использующиеся для обработки SGML-документов.

Мы называем SGML метаязыком в том смысле, что он, де-факто, является «языком для описания языков». SGML, в отличие от языка в классическом понимании, не имеет ограниченного словаря — каждый тип документов (определяемый при помощи DTD) может иметь свою собственную структуру и обладать своим собственным набором допустимых управляющих конструкций.

Таким образом, язык HTML — это не что иное, как один из типов документов SGML. (Если быть совсем корректным и говорить по состоянию на сегодняшний день, то уже не один, а несколько, ибо за полтора десятка лет развития Всемирной паутины появилось множество версий языка HTML, каждая из которых описывается соответствующим DTD.)

HTML, однако, был задуман как достаточно вольный стандарт. Иными словами, страница, созданная с его использованием, должна обрабатываться браузером несмотря ни на что, в любом случае, даже при наличии откровенных ошибок в коде. Причем, ошибку браузер может интерпретировать как угодно. Таким образом, впоследствии стало понятно, что этот потенциальный вольный стандарт обернулся «миной замедленного действия».^[8]

2.1.2. Что такое SGML?

SGML - это система определения языков разметки. Авторы размечают свои документы, вводя структурную, представительную и семантическую информацию параллельно с основным содержимым.

Каждый язык разметки, определённый в SGML, называется SGML приложением. Приложение SGML обычно характеризуется:

1. "Объявлением SGML". Объявление SGML определяет, какие символы и ограничители могут появляться в приложении.
2. "Определением типа документов (ОТД)" . ОТД определяет синтаксис конструкций разметки. ОТД может включать дополнительные определения, такие как символьные ссылки-мнемоники.
3. Спецификация, описывающая семантику, относится к разметке. Эта спецификация также даёт ограничения синтаксиса, которые не могут быть выражены внутри ОТД.
4. Объектами документа, содержащими данные (содержимое) и разметку. Каждый объект содержит ссылку на ОТД, чтобы иметь возможность быть интерпретированным.

Разбиение текста при разметке заключается в установке в начале выделяемой части специальной встав­ки, называемой открывающим тегом, и в конце выделяемой части — вставки, называемой закрывающим

Пример неразмеченного текста:

Жегалкин Иван Владимирович Петров Андреи

Владимирович Введение в языки разметки 1989

год Под языками разметки

П р и м е р размеченного текста

<AUTHOR ID= 1>Семенов Иван Владимирович</ AUTHOR >

<AUTHOR ID =2>Иванов Андреи Владимирович</ AUTHOR >

< TIТLЕ>Введение в языки разметки <TITLE>

<DATE>1989 год </DATE>

<CONTENT>Под языками разметки

Открывающий тег имеет следующий формат

<имя_объекта имя_атрибута1 =значение_ атрибута1

имя_атрибута2= значение_ атрибута2

имя_атрибута3= значение_ атрибута3

>

Закрывающий тег имеет формат

</имя_ объекта>

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

Объект может включать в себя другие объекты

В данном примере объекты В и С входят в объект А, а объект D — в объект В

Любой корректный SGML документ состоит из двух частей

1) DTD — формальное описание (декларация) объектов, их атрибутов и связей,

2) данные, в которых знаками разметки выделены объекты, объявленные в DTD.^[9]

2.2 Основные сведения о языке программирования HTML

2.2.1. История развития языка разметки гипертекста HTML

HTML (англ. Hyper Text Markup Language - «язык разметки гипертекста») был разработан для выполнения разметки и оформления документов, размещаемых на веб-страницах. Язык HTML был разработан британским учёным Тимом Бернерсом - Ли приблизительно в 1986—1991 годах  в cтенах ЦЕРНа в Женеве в Швейцарии. Толчком стало принятие Международной организацией по стандартизации (ISO) ISO-8879-стандарта - Standard Generalized Markup Language(SGML). К нему прилагалось описание, в котором говорилось о том, что SGML предназначен для структурной разметки текста. Примечательно, что описания внешнего вида документа не предполагалось. Исходя из этого, можно сделать вывод о том, что SGML не являлся системой для разметки текста и не располагал какого-либо списка структурных элементов языка, используемых в определенных условиях. Язык подразумевал описание синтаксиса написания главных элементов разметки. Спустя некоторое время они получили хорошо известное сегодня название - «теги». Вполне очевидной была потребность в создании языка, который: описывал какой элемент в каких случаях разумно применить, содержал перечень элементов, с помощью которых можно создать документ, читаемый разными программами. Несмотря на то, что язык SGML, как и его схожие приложения, не получил особого развития, он и не был окончательно забыт. В 1991 году Европейский институт физики частиц объявил о необходимости разработки механизма, позволяющего передавать гипертекстовую информацию через Глобальную сеть. Именно SGML лег в основу будущего языка - Hyper Text Markup Language (HTML).

Этапы становления: 

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

Разработкой HTML версии 2.0 занялся консорциум W3С. Первый результат удалось получить, спустя год насыщенной работы - в 1995 году. Практически параллельно обсуждались возможности версии 3.0. Если вторую версию нельзя назвать существенно отличающейся от первой, то третья стала безусловным прорывом. 

HTML 3.0 включал интересные новинки:

- Разметку математических формул;

- Теги для создания страниц;

- Вставку рисунков, обтекаемых текстом;

- Примечаний и т.д.

Существенное расширение тегов произошло с подачи Netscape Communications - корпорации, запустившей первый коммерческий браузер - Netscape Navigator. Нововведения преследовали лишь одну цель - улучшить внешний вид документа, но при этом они совершенно противоречили исконным принципам языка.^[10]

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

В 2004 году приняли новую версию HTML - 4.01. Он обеспечивает отличные показатели кросс - браузерности и кросс - платформенности.

Не смотря на свои существенно расширившиеся с момента создания возможности, он остается языком логической разметки гипертекста, т.е. не связан с оформлением документа. Современные стандарты интернета подразумевают создание ярких и запоминающихся страниц, в чем HTML не силен, но в связи с тем, что он является основой многих систем, HTML вряд ли когда-либо будет забыт.^[11]

2.2.2. Что такое язык HTML

Hyper Text Markup Language (HTML) – стандартный язык, предназначенный для создания гипертекстовых документов в web среде. Документы, написанные языком HTML могут быть просмотрены различными web – браузерами. Web – браузер может интерпретировать HTML для выделения различных элементов и их первичной обработки. HTML позволяет создавать документы для их представления с использованием линий, шрифтов и других элементов для просмотра web – страниц.

Большинство документов стандартны и имеют такие элементы, как заголовок, параграфы или списки. Используя теги можно обозначить данные элементы, теги обеспечивают браузеры информацией для отображения элементов, сохраняя общую структуру и информационную полноту.^[12]

Автор документа определяет внешний вид документа. Читатель документа тоже может, в определенной степени, управлять внешним видом документа, но не его содержимым. Основное преимущество HTML заключается в том, что документ может быть просмотрен в разных браузерах и на различных операционных системах.^[13]

2.2.3. Структура документа и тегов в расширении .html

Каждый HTML- документ должен иметь расширение .html. Для создания web-страницы нужно создать файл с расширением .html, для этого нужно зайти в программу Блокнот, нажать Файл, сохранить как, вписать название, например, Файл.html, важно чтобы файл имел расширение .html. По умолчанию в операционных системах Windows выставлен параметр «Скрывать расширения для зарегистрированных типов файлов». Для того чтобы отключить этот параметр нужно зайти в Панель управления (можно найти ее в Поиске), выставить в вкладке Просмотр – Крупные значки, зайти в параметры Проводника, Вид, внизу в Дополнительных параметрах можно найти параметр «Скрывать расширения для зарегистрированных типов файлов», нужно убрать галочку. После этого можно создавать файл типа: файл.html и он будет c нужным нам расширением. Для его редактирования нужно открывать его в Блокноте, для просмотра результата используем браузер (например, Chrome, Yandex, Internet Explorer).

Текст HTML документа вводится просто как, как например в Word. Для начала нужно понять, что такое тег. Тег – это элемент языка разметки текста, который нужен для того чтобы браузер «понимал», то есть чтобы тег нес определённую команду браузеру, что вбивается не простой текст, а элемент форматирования, применяется тег. Все что внутри тега, то есть между открывающим и закрывающим тегом, называется содержанием тега.

Представляет из себя текст, заключенный в угловые скобки (знаки "<" и ">"). Общий синтаксис тега выглядит так:

<тег атрибут1="значение" атрибут2="значение"> - одиночный.

<тег атрибут1="значение" атрибут2="значение">...</тег> - парный.

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

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

Атрибуты тегов используются для расширения возможностей отдельный тегов и для более гибкого управления содержимым контейнера. HTML-атрибуты сообщают браузеру, как должен отображаться тот или иной контейнер. Они позволяют сделать более разнообразный внешний вид информации, добавляемой с помощью одинаковых тегов. Значение заключается в кавычки (“”). Атрибуты разделяются пробелом.