Смотреть что такое "Язык разметки" в других словарях. Языки разметки документов язык разметки Какая роль языка разметки язык
Иногда можно услышать о "программировании" Web-страницы, однако
форматирование текста в окне броузера фактически не относится к
программированию. Как следует из названий языков форматирования, они относятся
к языкам разметки (markup languages). Иными словами, они состоят из различных
символов, вставленных в тело документа, указывающих, как должен выглядеть файл
при печати или отображении либо для определения его логической структуры
(например, абзацев и маркированных списков). Если не использовать язык
разметки, отображаемые данные представляют собой неструктурированный текст (raw
text), без форматирования символов или абзацев.
Языки разметки определяют внешний вид документа с помощью кодов, называемых
дескрипторами или тегами (tags), которые имеют примерно такую форму:
. Первый дескриптор указывает точку начала
форматирования, а второй (с наклонной чертой) — окончание кода. Если опустить
второй дескриптор, кодирование, задаваемое первым дескриптором, применяется до
конца документа.
Примечание:
Язык разметки можно применить к неструктурированному тексту либо вручную, либо
с помощью текстового редактора (например, Notepad), либо с помощью графического
инструмента, добавляющего код, когда вы визуально упорядочиваете текст по
собственному вкусу.
Новичкам проще работать с графическими инструментами, которые не так точны, как
текстовые редакторы.
Язык разметки гипертекста (HTML)
Язык HTML (HyperText Markup Language — язык разметки гипертекста) — основа кодирования и "становой хребет" большинства Web-страниц. HTML позволяет публиковать текст и рисунки, содержимое электронных таблиц и даже создавать отчеты на основе баз данных для чтения в интерактивном режиме. Он прекрасно подходит для организации и форматирования статической информации любого типа, поскольку позволяет:
● устанавливать размер и шрифт текста;
● форматировать текст полужирным шрифтом, курсивом или выделять подчеркиванием;
● задавать ссылки на другие страницы;
● вставлять изображения;
● создавать заголовки страниц;
● создавать таблицы;
● вставлять метаданные, необходимые для работы машин поиска.
Примечание:
Метаданными (metadata) называют скрытые данные, которые не отображаются на
Web-странице, однако могут быть обнаружены машиной поиска (engine search), что
позволит попасть на данный узел.
Применяются дескрипторы HTML трех типов.
● Для форматирования текста или отдельных символов.
● Для форматирования абзацев либо иных крупных текстовых блоков.
● Невидимые дескрипторы, которые обеспечивают остальные функциональные
средства, например метаданные, для выполнения поиска.
Основное преимущество HTML перед остальными языками разметки — потрясающая универсальность. Текущую версию HTML поддерживает практически любой броузер (разумеется, современный и поддерживающий графические средства). Это не всегда верно для динамического HTML (DHML), XML, Java и ActiveX. Если вы хотите, чтобы ваши Web-узлы были доступны для броузеров всевозможных типов, рекомендуем использовать HTML.
Динамический HTML (DHML)
Динамический HTML (Dynamic HTML — DHML) более гибок по сравнению с HTML.
Вместо того чтобы выставлять на всеобщее обозрение статичную Web-страницу, вы
можете использовать DHTML и создать Web-страницу, которую пользователь сможет
настраивать без нарушения вида исходного документа. Например, страница,
подготовленная с помощью DHTML, может содержать различные элементы, которые
пользователь сможет перемещать по странице, чтобы перегруппировать ее
содержимое (по собственному вкусу). Однако при обновлении (refreshing)
изображения на странице изменения пропадают, и она принимает исходный вид.
DHTML поддерживает следующие средства, отсутствующие в HTML.
● Динамические стили.
● Точное позиционирование.
● Привязку данных.
● Динамическое содержимое.
Вам непонятно, что это такое? Не беспокойтесь — ниже приведены пояснения.
Применение стилей к документам Web. Динамические стили (dynamic styles)
основаны на принципах каскадирования таблиц стилей (CSS — cascading style
sheets), когда они применяются к странице в целом вместо ручного форматирования
отдельных частей страницы.
Если вы работали с современными текстовыми процессорами, то, возможно, знакомы
с таблицами стилей (style sheets), позволяющими автоматически сформатировать
текстовые блоки тем или иным методом в зависимости от стиля, который вы им
задали. Форматирование подразумевает изменение цвета текста, шрифта,
размещения, видимости - вообще практически всего, что относится к реквизитам
текста. CSS (и DHTML), делает то же самое, только применяется для обработки
Web-страниц, а не для текстов.
В динамических стилях, реализуемых с помощью DHTML, предусмотрены средства,
отсутствующие в текстовых процессорах. Например, вы можете при создании ссылок
разметить текст так, что его цвет будет автоматически изменяться при наведении
на него указателя мыши либо отображаться, когда вы проводите курсор над
определенной областью экрана.
Единственный недостаток этих стилей заключается в том, что вы должны включать
таблицы стилей в большинство документов. Это трудоемкая работа, особенно для
тех, кто неопытен в работе с таблицами стилей или занимается конвертированием
документов.
Размещение текста в нужном месте. Еще одно достоинство DHML — его способность точно указать место размещения элемента на странице. Для указания положения объекта используют горизонтальную (х), вертикальную (у) и даже объемную (z) координаты. (Задание положения объекта в трехмерной системе координат позволяет "перекрывать" объекты.) Точное позиционирование позволяет расположить текст вокруг изображения, а также перемещать объекты в пределах окна броузера.
Примечание:
HTML без CSS не обеспечивает точного размещения объектов. В этом случае
размещение элементов определяется броузером.
Вставка данных на страницу. Чтобы предоставить пользователям доступ к некоторой внутренней информации (back-end information), например, хранящейся в базе данных, обычные страницы HTML должны быть связаны с сервером, на котором находятся исходные данные, и требуется запрашивать разрешение на манипулирование этими данными. DHTML позволяет привязать данные к конкретной странице, допуская работу с привязанными (или точнее - связанными) данными (bound data) без нарушения исходных данных и даже без взаимодействия с сервером, хранящим их. Для этого источники данных вводят в страницу (их можно сортировать и фильтровать точно так же, как и содержимое любой базы данных). Это не только снижает загрузку сервера, но также позволяет пользователям просматривать и манипулировать данными без предоставления им доступа к источнику самих данных.
Создание динамического содержимого. Таблицы стилей (style sheets) дают
возможность издателю (publisher) Web без труда изменять внешний вид страницы
или набора страниц.
Динамическое содержимое позволяет пользователю Web изменять внешний вид
(представление) страницы исполнением сценария, чтобы:
● вставлять или скрывать элементы страницы;
● модифицировать текст;
● изменять структуру текста;
● перемещать данные из внутренних источников (back-end sources) и отображать их
по запросу пользователя.
В отличие от языка HTML, допускающего изменение содержимого страницы только
до ее загрузки в броузер пользователя, DHTML может воспринимать изменения в
любое время.
Динамическое содержимое дает возможность обеспечить высокий уровень
интерактивности, если используется вместе со сценариями, позволяющими
пользователям определять элементы, которые необходимо просмотреть.
Совет:
В разделе "Организация собраний" (см. выше) упомянута карта здания,
созданная на основе Web-данных, отображающая расположение конкретного офиса и
портрет служащего, которого пользователь пытается отыскать. Эта карта создана с
помощью DHTML-средств языка разметки для создания динамического содержимого.
Расширяемый язык разметки (XML)
Язык XML (Extensible Markup Language - расширяемый язык разметки) не
заменяет HTML (во всяком случае, он редко встречается на Web-страницах), однако
поддерживает его, позволяя несколько повысить универсальность Web-страниц.
Идея такова: когда вы форматируете страницу с помощью HTML, то можете изменить
внешний вид текста дескрипторами, форматирующими его полужирным шрифтом,
курсивом, подчеркиванием, абзацами и т.д. Однако сами дескрипторы практически
никак не связаны с содержимым текста, а только с его форматированием. Язык XML
имеет дескрипторы, определяющие внешний вид текста. Вы можете с их помощью
указать, что обозначает данный текст (имена, адреса, названия продуктов и
т.д.).
Зачем это нужно? Прежде всего, эти метаданные позволяют машинам поиска найти
предварительно заданные элементы. Если вы проведете в Web-узле вашей корпорации
(созданном с помощью языка HTML) поиск по слову "name", просматривая
все упомянутые в нем имена, то в результате возвратятся все экземпляры слова
"name", но не сами имена. Однако если при создании узла
использовалось кодирование с помощью языка XML, в результате будет возвращен
любой текст, имеющий дескриптор имени "name". Во-вторых, снабженные
дескриптором части текста могут быть полезны, если вам необходимо применить
некое средство (например, цвет или язык) только к отдельным частям документа
Web. Пусть, например, интерактивный документ представляет собой краткий рассказ
на испанском языке с переводом на английский. Тогда вместо переключения
документа с поддержки испанского языка на поддержку английского, можно
определить эти части рассказа дескрипторами и
применить правила испанского языка только к этим частям, а переводы оставить на
английском.
По существу, применение языка XML значительно облегчает разработку
Web-страницы, особенно если некоторые его части необходимо создать как
изолированные элементы.
Можно ли снизить ток, потребляемый от батареи компьютера?
Радиопередатчик преобразует электрическую энергию в радиосигналы, поэтому батарея в портативном компьютере с установленным беспроводным адаптером будет разряжаться гораздо быстрее, чем...
Взаимодействие приложений с сетями
В некоторых случаях приложения выполняются на
сетевых компьютерах не так, как на автономных. Одни приложения работают в сети
точно так же, как и на автономном компьютере, другие же, наоборот, требую...
Термины на букву V
Virtual Machines — виртуальные машины. Программное обеспечение, имитирующее
работу физического устройства. В Windows 98 оно используются, чтобы
"обманным путем"
заставить программу с...
(Standard Generalized Markup Language), представленный в стандарте ISO 8879. Этот язык принят в качестве основного языка оформления технической документации, в том числе интерактивных электронных технических руководств на создаваемые изделия в CALS-технологиях .
В языке SGML определяется структура документов в виде последовательности объектов данных. Объекты данных, представляющие части документа, могут храниться в различных файлах. Стандарт SGML устанавливает такие множества символов и правил для представления информации, которые позволяют различным системам правильно распознавать и идентифицировать эту информацию. Названные множества описывают в отдельной части документа, называемой декларацией DTD (Document Type Decfinition), которую передают вместе с основным SGML-документом. В DTD указывают соответствие символов и их кодов, максимальные длины используемых идентификаторов, способ представления ограничителей для тегов, другие возможные соглашения, синтаксис DTD, а также тип и версию документа. Следовательно, SGML можно назвать метаязыком для семейства конкретных языков разметки. В частности, подмножествами SGML можно считать языки разметки XML и HTML .
Техническое описание в виде SGML-документа включает:
- основной файл с техническим руководством, размеченный SGML-тегами;
- описание сущностей , если документ относится к группе, в которой используются одни и те же сущности и подразумевается их известность;
- словарь для пояснения SGML-тегов;
Однако язык SGML сложен для освоения и применения. Поэтому для широкого применения разметки в документах, представляемых в WWW -технологиях, в 1991 г. на базе SGML был разработан упрощенный язык HTML (HyperText Markup Language), а в 1996 г. язык XML (eXtensible Markup Language), который становится в сочетании с HTML основным языком представления документов в различных приложениях.
Язык HTML разработан с целью широкого применения разметки в документах, представляемых в WWW-технологиях.
Описание на языке HTML представляет собой текст в формате ASCII и последовательность включенных в него команд (управляющих кодов), называемых также дескрипторами или тегами. Этот текст называют HTML-документом, или HTML-страницей, или после размещения на Web-сервере — Web-страницей . Теги расставляются в нужных местах исходного текста, они определяют шрифты, переносы, появление графических изображений, ссылки и т.п. При использовании WWW-редакторов вставка команд осуществляется простым нажатием соответствующих клавиш.
Язык XML, как и HTML, считается подмножеством языка SGML. В настоящее время язык XML претендует на роль основного языка представления документов в информационных технологиях, его можно рассматривать как метаязык, служащий основой для создания частных языков разметки в различных приложениях. При этом XML более удобен, чем SGML, что обеспечивается устранением в XML некоторых второстепенных особенностей SGML. Описания на XML легче воспринимаются, приспособлены для использования в современных браузерах при сохранении основных возможностей SGML.
Для конкретных приложений создаются свои варианты XML, называемые XML-словарями или XML-приложениями. Так, для описания текстов со специфической математической символикой разработано XML-приложение OSD (Open Software Description). Для CALS интерес представляет вариант Product Definition eXchange (PDX), посвященный обмену данными. Известны словари для химии (CML — Chemical Markup Language), биологии (BSML — Bioinformatic Sequence Markup Language) и др.
Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
НTML - это язык гипертекстовой разметки.
Язык используется для организации веб-страниц. Проведем аналогию. Вы покупаете газету. В ней напечатаны несколько статей. У каждой статьи есть название, в ней есть фотографии. А текст набирается несколькими колонками. Это - структура газетной страницы.
На сайте все происходит так же. Чтобы сделать правильную структуру статьи - контента - нужно использовать язык разметки текста.
Для чего нужен HTMLЯзык HTML нужен, чтобы сообщить браузеру, как нужно отобразить страницу на экране.
Язык распространен повсеместно. Это универсальное средство для оформления контента на странице. Его использование возможно в любой браузере. Если писать код на языке программирования - нужно знать какие-то особенности, операторы, типы данных и так далее.
HTML состоит из набора тегов - команд, и атрибутов - свойств. Их несложно запомнить, и всегда можно найти справочные материалы.
Что такое HTML-кодКод - это команды браузеру, как следует отобразить страницу. Есть структура, которая должна соблюдаться всегда. Например, наличие только одного заголовка H1 на странице, основная информация помещается в раздели т. д.
В языке есть три инструмента.
- Тег - это команда. Она указывает непосредственно на действие. Например,
- перенести текст на новую строку.Начать новый абзац.
- - поместить текст в начало страницы.
- Атрибуты тега - это дополнение к командам. Они позволяют настроить то действие, которое заложено в теге. Например,
- Значение атрибута - поясняет, как именно нужно видоизменить свойство.
- - возвращаясь к этому примеру, “сайт” - это значение атрибута.
Теги бывают двух видов - парные и одиночные.
- - парный тег, открывающий и закрывающий. Они действуют на текст, помещенный между ними.
Одиночный тег, он действует на текст, стоящий после него до следующего тега.
Мы говорили, что структура у любого html-документа всегда одна и та же. Далее перечислим обязательные элементы.
Элементов внутри body может быть неограниченное количество.
Например, вот так выглядит часть кода страницы одной из записей нашего блога.
Чем чаще использовать теги, тем быстрее они запоминаются. Всегда можно найти справочник со всеми тегами, атрибутами и их значениями.
Любой документ имеет три составляющих:
· структуру;
Содержание – это те сведения, которые отображены в документе. Содержание документа на бумаге может быть сугубо текстовым, а также содержать изображения. Если документ представлен в электронном виде, он может содержать и мультимедийные данные, а также ссылки на другие документы. Хотя содержание разных документов различно, их можно классифицировать по типам, например, книга или железнодорожный билет.
Стиль документа определяет форму вывода его содержания на то или иное устройство (например, принтер или дисплей). В понятие стиль входят характеристики шрифта (наименование, размер, цвет) всего выводимого документа или отдельных его блоков, порядок разбивки на страницы, расположение блоков на страницах и другие параметры. Один и тот же документ может выводиться разными стилями как на разные носители, так и на один и тот же носитель.
Языки разметки документов являются искусственными языками, предназначенными для описания структуры документа и отношений между различными объектами структуры. Данные разметки называются также метаданными.
Первым языком разметки является язык GML (Generalized Markup Language –обобщенный язык разметки), разработанный сотрудниками фирмы IBM еще в 60-х годах прошлого века. Его непосредственным наследником стал язык SGML (Standard Generalized Markup Language – стандартный обобщенный язык разметки), определяющий правила записи элементов разметки документа. Документ, соответствующий правилам языка, называется документом SGML.
Язык SGML определен в стандарте ISO 8879, в котором задаются следующие основные требования к языку разметки документов:
· язык должен быть доступен для чтения человеком.
· размеченные файлы документов должны быть текстовыми и кодироваться с помощью символов кода ASCII (American Standard Code for Information Interchange – стандартного американского кода для информационного взаимодействия). Однако содержание документа необязательно должно кодироваться символами ASCII или быть текстовым.
В языке SGML и подобных ему языках используются специальные инструменты разметки документа:
· элементы и сопутствующие им атрибуты;
· сущности (entities);
· комментарии.
Структурной единицей документа SGML является элемент. В размеченном тексте каждый элемент должен быть выделен определенным образом. Выделение выполняется вставкой начального тега (от английского слова tag – метка) в начале элемента (start tag) и конечного тега (end tag) в конце элемента. Начальный и конечный теги имеют одинаковые имена. Чтобы отличить теги от обычного текста, они должны начинаться с символа – признака начала тега и заканчиваться символом – признаком окончания тега. Кроме того, в конечном теге задается символ – признак конечного тега. В SGML в качестве таких признаков можно задать любые символы, однако наиболее часто в качестве признака начала тега используется символ "" (левая угловая скобка), а в качестве признака конечного тега – символ "/" (наклонная черта). Элементы в документе SGML могут заключать в себе другие элементы, в результате чего в графическом представлении документ SGML является иерархической (древовидной) структурой.
Пример 4.3.1. Документ SGML, задающий список студентов с результатами их экзаменационной сессии можно задать следующим образом:
Список оценок студентов в сессии
Иванов Иван Иванович
ТС-61
A
B
B
B
Петров Петр Петрович
ТС-62
C
C
D
C
В этом документе первым элементом является элемент student-list (список студентов). Этот элемент содержит в себе один элемент title (заглавие) и несколько элементов student (данные о студенте). В свою очередь, каждый элемент student содержит в себе один элемент full-name (фамилия, имя и отчество студента), один элемент group-number (номер группы) и один элемент mark-list (список оценок студента в сессии). И, наконец, элемент mark-list содержит в себе несколько элементов mark (оценка).
Графическое представление этого списка на рис. 4.3.1 имеет древовидную структуру:
Рис. 4.3.1. Структура документа SGML в графическом представлении
Для уточнения элементов SGML можно использовать атрибуты. Атрибуты записываются в начальном теге элемента в следующем виде:
имя-атрибута="значение-атрибута".
Для элемента может быть задано несколько атрибутов. Атрибуты отделяются друг от друга и имени элемента, по крайней мере, одним пробелом.
Пример 4.3.2. Для элементов mark в примере 4.3.1 можно задать атрибут subject, значением которого является наименование дисциплины, по которой сдавался экзамен. Тогда для первого студента элементы примут следующий вид:
A
B
B
B
В таких языках, как SGML, для работы с группами данных применяются сущности (entities). Сущностью являются любые именованные данные, как текстовые, так и нетекстовые. При просмотре документа имя сущности заменяется ее значением. Так, например, имя текстовой сущности kpi будет заменено ее значением: Киевский политехнический институт, а нетекстовая сущность image1 будет замена изображением с именем image1.
Термин «разметка» происходит от традиционной практики разметки рукописей перед публикацией (то есть добавления символических команд на полях и между строк в бумажной рукописи).
В течение многих столетий это делали работники издательства (редакторы и корректоры) которые отмечали, каким шрифтом, стилем и кеглем должны быть набраны фрагменты текста, а затем передавали рукопись наборщикам, которые вручную осуществляли набор текста с учетом символов разметки.
Язык разметки - это набор специальных инструкций, называемых тегами (tags), выполняющих следующие функции:
задание функций обработки выделенных элементов;
выделение логических элементов данного документа.
В текстовых процессорах существуют встроенные команды включения/выключения шрифтов и другое, аналогичные командам управления размещением информации на экране или при печати. Такой подход называется командной илипроцедурной разметкой .
Примеры процедурной разметки
Выделение логических элементов документаСлужит для формирования в документах какой-либо структуры и определения отношений между различными элементами этой структуры без указания способа обработки. Такая разметка называется описательной.
Изменяя набор процедур, соответствующий описательной разметке, можно изменить внешнее представление одного и того же документа.
Описательная разметкаОсновным достоинством описательной разметки является ее гибкость, поскольку фрагменты текста отмечены как «чем они являются» (а не «как они должны быть отображены»).
В будущем может быть написано программное обеспечение для такой обработки этих фрагментов, которая даже не предусматривалась разработчиками языков. Например, гиперссылки HTML, первоначально предназначенные для навигации пользователями по совокупности связей в сети, в дальнейшем стали использоваться также механизмами поиска и индексирования в сети, для оценки популярности ресурсов и так далее.
Примеры языков разметки
Языки разметки используются везде, где требуется вывод форматированного текста:
в типографии (SGML,TeX,PostScript,PDF),
пользовательских интерфейсах компьютеров (MicrosoftWord,OpenOffice,troff),
Всемирной Сети (HTML,XHTML,XML,WML,VML,PGML,SVG,XBRL).
Развитие идей описательной разметки привело к определению разметки как формального языка.
Теги языка (управляющие дескрипторы) определенным образом кодируются (выделяются относительно основного содержимого документа) и служат в качестве инструкций для программы, производящей показ содержимого документа на стороне клиента.
Во многих современных языках для обозначения этих команд (теги языка) использовались символы < и >, внутри которых помещались названия инструкций и их параметры (HTML и XML). В SGML можно назначать другие символы для обрамления тега (например, фигурные скобки). Кроме того, существуют разные системы языков-подмножеств, которые используются, с меньшими возможностями, например на веб-форумах и досках объявлений используется язык разметки BBCode, теги которого ограничиваются символами квадратных скобок: .
Теговая модель описывает документ как совокупность контейнеров, каждый из которых начинается и заканчивается тегами. В большинстве случаев теги используются парами. Пара состоит из открывающего (start tag) и закрывающего (end tag) тегов.
Синтаксис открывающего тега:
Имя закрывающего тега отличается от имени открывающего лишь тем, что перед ним ставится наклонная черта:
Атрибуты определяют дополнительные характеристики элемента. Атрибуты тега записываются в следующем формате: имя[="значение"]. Для некоторых атрибутов значение может не указываться. У закрывающего тега атрибутов не бывает.
…
Действие любого парного тега начинается с открывающего тега и заканчивается при встрече соответствующего закрывающего тега.
Пару, состоящую из открывающего и закрывающего тегов, называют контейнером, а часть текста между ними, - элементом.
Заголовок 1 уровня
Заголовок 2 уровня
В зависимости от используемого языка разметки дополнительно возможно применение одиночного тега и тега пустого элемента. Имя тега определяет тип элемента.
Синтаксис одиночного тега:
В некоторых языках разметки имена тегов заранее определены (HTML). В других не регламентируются жестко, т.е. пользователи могут вводить и использовать новые теги (XML). Например, тег «persona» можем определить тип этого XML элемента, как фамилия имя и отчество. Иванов Иван Иванович
В SGML элементы могут пересекаться, то есть в SGML возможна такая последовательность тегов:
В XML элементы имеют строгую синтаксическую структуру, то есть быть строго вложенными друг в друга и всегда закрываться:
Кроме того, в SGML, HTML они не обязаны быть закрытыми:
Практически во всех языках разметки документов значение атрибута интерпретируется как текстовое. Значение атрибута принято брать в кавычки.
Примечание:
Документ, написанный с использованием языка разметки, содержит не только сам текст (как последовательность слов и знаков препинания), но и дополнительную информацию о различных его участках - например, указание на заголовки, выделения, списки и т. д.
Т.е. документ представляет собой не что иное, как обычный АSСII-файл, с добавленными в него управляющими кодами (тегами).
ub-70x70.jpg)
