Файл: Языки гипертекстовой разметки ( HTML, XML, XHTML, SGML ).pdf

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

В связи с этим развитием информационных технологий, сетей, а также информационных систем получил широкое распространение язык гипертекстовой разметки HTML.

Цель курсовой работы – изучить теоретический материал по тематике курсовой работы и разработать страницу на HTML которая в достаточной мере отобразит суть и возможности языка.

Для достижения поставленной цели были выделены следующие задачи:

проанализировать литературу по теме курсовой работы;
рассмотреть и изучить понятие: «Язык гипертекстовой разметки»;
охарактеризовать языки: HTML, XML, XHTML, SGML;
обозначить новые тенденции в развитии HTML;
рассмотреть и проанализировать спецификации HTML;
разработать страницу на HTML которая в достаточной мере отобразит суть и возможности языка.

Структура курсовой работы: работа состоит из введения, трех глав, заключения, списка литературы, включающего в себя 4 источника и 1 приложение.

Первая глава посвящена изучению истории развития, основных понятий.

Вторая глава изучению спецификаций и разметки HTML.

Третья глава посвящена разработке страницы резюме разработчика на языке HTML.

Глава 1

В первой главе будут рассмотрены основные этапы развития языков гипертекстовой разметки, а также основные понятия.

Язык гипертекстовой разметки

Язык гипертекстовой разметки – это набор символов или последовательностей, которые добавляются в текст для определения внешнего вида и строения текста. В текстовом документе, при написании которого используется язык разметки, содержится не только сам текст как последовательность слов и знаков препинания, но и дополнительная информация о строении текста, например, списки, заголовки, выделенный текст, интерактивные элементы, ссылки и т.д. [1]

Языки гипертекстовой разметки используются, если необходим вывод форматированного текста, например в типографии (SGML, TeX, PostScript, PDF), пользовательских интерфейсах компьютеров (Microsoft Word, OpenOffice, troff), Всемирной Сети (HTML, XHTML, XML, WML, VML, PGML, SVG, XBRL).

Все языки разметки перемешивают текст документа с инструкциями разметки в файле или в потоке данных, однако текст может быть изолирован от разметки с помощью идентификаторов и других методов координации. Подобная «отдельная разметка» используется для внутреннего представления программ, которые работают с размеченными документами. Однако, внедренная или «междустрочная» более широко распространена. Приведем пример текста, размеченного с помощью HTML:

<h1> Anatidae </h1>

The family Anatidae includes ducks, geese, and swans, but not the closely-related screamers.

Программный код разметочных инструкций (теги) заключен в угловые скобки <тег>. Между тегами находится текст документа. Коды h1, p и em описывают позицию текста, его назначение или значение (h1 означает «это заголовок первого уровня», p значит «это параграф», а em означает «это подчеркнутое слово или фраза»).

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

Языки разметки

SGML

Первым языком с четким различием между структурой и видом документа был Scribe, созданный Брайаном Рейдом в 1980 году. Scribe был инновационным языком – в нем были введены стили, отделенные от текста документа и управляющие использованием описательных элементов. Scribe повлиял на разработку GML (позже SGML); кроме того от него произошли языки HTML и LaTeX.

В начале 1980х годов был создан SGML, воплотивший идею о том, что разметка должна быть сфокусирована на структуре документа, а внешнее представление документа должно быть прерогативой интерпретатора.

В SGML был точно определен синтаксис для включения разметки в текст. Кроме того отдельно были описаны, какие теги были разрешены и где. Программист получал возможность создавать и использовать любую желаемую разметку, выбирать теги для использования и самостоятельно давать им имена. SGML, таким образом, может считаться метаязыком. От него произошли многие другие языки разметки, например, TEI и DocBook.

SGML был широко распространен, несмотря на то, что он обладал рядом недостатков (он был слишком громоздким, трудным для изучения и слишком гибким).

SGML (англ. Standard Generalized Markup Language ) — метаязык, который дает возможность определять язык разметки документов. SGML был разработан для совместного использования машинно-читаемых документов в больших правительственных и аэрокосмических проектах.

HTML является приложением SGML

HTML

HTML (Hyper Text Markup Language) - язык разметки гипертекста. Он был разработан Тимом Бернерсом-Ли в рамках создания проекта распределенной гипертекстовой системы (World Wide Web). [2] HTML предназначен для написания гипертекстовых документов, публикуемых во всемирной сети. Документ на HTML может включать в себя стилизованный и форматированный текст, команды включения графических и звуковых файлов, гиперсвязи с различными ресурсами Internet, скрипты на языке JavaScript и VBScript, различные объекты, например Flash-анимацию. [3]

HTML имел много общего с другими языками разметки, основанными на синтаксисе SGML, однако освоить его было гораздо проще даже для тех специалистов, которые прежде никогда с ним не работали. Многие программисты считали HTML одним из основных факторов развития Web, поскольку этот язык был расширяемым и гибким. [4] В настоящее время HTML является одним из самых широко распространенных языков разметки.

HTML изначально был задуман как средство форматирования документов, которое не привязано к средствам воспроизведения; то есть HTML документ должен быть воспроизведен на любом оборудовании в задуманном виде без искажений. [5] Однако на практике такое не всегда возможно.

Документы HTML являются текстовыми файлами, которые кроме самого текста страницы содержат специальные теги (или управляющие элементы) разметки. [6] Теги разметки указывают браузеру, каким образом следует отобразить страницу.

HTML не является языком программирования. Он предназначен для форматирования и структурирования текстового документа определенным образом. [7] Каждому элементу присваиваются определенные параметры, которые интерпретирует браузер, и таким образом текстовый документ принимает желаемый формат. [8] [9] Параметры могут быть заданы как для отдельного элемента, так и для группы или определенного типа элементов (например, таблицы, ячейки, ссылки, текст и т.д.). [10] [11] Также есть возможность присваивать определенные свойства выбранным элементам персонально. [12]

Характеристики элементов указываются с помощью тегов. [13]

XML

XML (расширяемый язык разметки) – это мета-язык разметки, получивший широкое применение в настоящее время. XML более прост, чем SGML; он используется в основном при работе с документами в интернете. Поскольку XML является мета-языком, он позволяет пользователям создавать любые необходимые теги. [14] XML документы имели много общего с SGML документами, что помогало пользователям SGML легко освоить XML.

XML предназначен в основном для не полностью структурированной среды, например для публикаций и документов. Однако пользователи оценили его, поскольку XML обладает гибкостью при достаточной простоте. XML широко используется для передачи данных между программами. XML (англ. eXtensible Markup Language ) — язык разметки, предназначенный для хранения структурированных данных и обмена информацией между программами и включающий общие синтаксические правила. [15]

XHTML

С начала 2000 годов XML получил более широкое распространение, чем SGML, поэтому был предложен термин XHTML (Extensible HyperText Markup Languge — Расширяемый Гипертекстовый Язык Разметки). [16] XHTML-документы оформляются как XML-документы, что позволяет создавать более четкие и точные документы, используя теги HTML.

XHTML (англ. Extensible Hypertext Markup Language) — язык разметки, созданный на базе XML. [17] Он соответствует спецификации SGML и по возможностям сравним с HTML. При работе с XHTML применимы многие технологии, разработанные для XML (например, XSLT и XPath). Анализ XHTML проще и быстрее, чем HTML. Обработка XHTML возможна даже на устройствах с низкой продуктивностью, поскольку синтаксис XML строже, чем SGML.

Одно из отличий XHTML от HTML заключается в том, что все теги должны быть закрытыми. [18] Другие атрибуты в тегах должны быть в кавычках. Кроме того, все теги и имена атрибутов должны быть написаны в нижнем регистре, чтобы восприниматься правильно; HTML, напротив, невосприимчив к регистру.

Подобно HTML, он может быть охарактеризован как «контейнерный язык».

HTML 5.

С развитием технических возможностей более старые языки разметки, такие как XHTML, устарели, поскольку они не имеют штатных ресурсов для многих задач (например, проигрывание аудио и видеороликов, поддержка геолокации, возможность рисовать непосредственно в браузере, и т.д.). В XHTML подобные задачи возможно решить только с помощью сторонних плагинов. [19] [20]

В связи с необходимостью решения вышеуказанных задач, был создан язык HTML5.

HTML5 не является продолжением XHTML или HTML4, несмотря на похожее название, он является отдельным языком разметки. Разработка HTML5 не полностью завершена, однако с ним уже возможно работать в современных браузерах. [21]

HTML5 имеет следующие возможности:

Поддержка геолокации — определение местоположения пользователя на карте и использование этой информации для определения маршрута его движения, вывода близлежащих магазинов, кинотеатров, кафе и других данных.
Воспроизведение видеороликов.
Воспроизведение аудиофайлов.
Локальное хранилище данных — позволяет сайтам сохранять информацию на компьютере пользователя и обращаться к ней позднее.
Фоновые вычисления — стандартный способ запуска JavaScript в браузере в фоновом режиме.
Оффлайн приложения — страницы, способные работать при отключении Интернета.
Рисование — внутри тега <canvas> с помощью JavaScript можно рисовать фигуры, линии, создавать градиенты или трансформировать объекты.
Новые элементы форм: для даты, времени, поиска, чисел, выбора цвета и др.

Кроме того, в HTML5 добавлены дополнительные теги для разметки документов, исключены устаревшие теги, некоторые другие теги подверглись модификации. [22]

Тег в языках разметки.

Тег — это элемент языка разметки гипертекста. Текст между начальным и конечным тегом размещается и отображается в зависимости от свойств тега. [23]

Теги имеют следующий синтаксис. Чаще всего используются парные теги – открывающий и закрывающий (или начальный и конечный). Иногда возможно использование одиночного тега. Например, тег , обозначающий отступ абзаца, может использоваться как в виде парного, так и в виде одиночного тега. Тег с пустым текстом: <HR></HR> (обозначает разрыв текста без сохранения отступов) может также иметь одиночную форму (<HR/>). [24]

Основные теги и их интерпретация определены организацией W3C.

SGML позволяет назначить другие символы для обрамления тега (например, фигурные скобки), однако такие подмножества SGML как HTML или XML подобной возможности не имеют.

Теги и элементы

Текст, заключенный между открывающим и закрывающим тегами, включая сами теги, называется элементом. Содержание элемента – это тест между тегами, не включая теги. Содержание элемента может включать в себя текст, а также другие элементы.

Атрибуты

Атрибуты – это свойства тега, которые дают дополнительные возможности для форматирования и структурирования текста. Атрибуты записываются следующим образом: имя атрибута – значения. При этом текстовые значения заключены в кавычки. Например, фрагмент текста может быть выделен определённым шрифтом, с помощью тега , при этом в теге следует указать название шрифта и размер: оформляемый текст .