HTML — язык разметки гипертекста

Подавляющее большинство текстов, размещенных в интернете, закодировано с помощью формата HTML — hypertext markup lan­guage. Хотя HTML именуется языком, это не совсем язык, точнее, не совсем язык программирования. Это всего лишь правила верстки текстовой и графической информации, соблюдая которые, можно быть уверенным в том, что браузер (программа просмотра) отобразит текст на экране так, как вы это задумали. Изучение этих правил необходимо для любого, кто хочет что-либо поместить в интернете.

Конечно, можно набрать текст в редакторе Word, а затем, воспользовавшись кнопкой «сохранить как», перевести документ в фор­мат HTML. Однако полученная таким образом страница содержит много мусора и медленно загружается. Так что, если ваша цель — вызвать у посетителей максимальное раздражение, смело помещайте полученные таким образом страницы. Есть также редакторы, позволяющие верстать веб-страницы в визуальном режиме, например очень удобный и похожий Word — FrondPage2003, однако и они не идеальны и требуют «ручной» коррекции кода. Особенность верстки для HTML заключается в том, что код доступен для просмотра и может быть отредактирован с помощью самого простого текстового редактора — блокнота. Ничего подобного не существует для документов, подготовленных в Word и с помощью специальных издательских пакетов, таких как Adobe PageMaker или Quark XPress.

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

История HTML начинается с 1969 г., когда появился первый язык разметки технической документации GML (generalized markup language) — основной язык разметки. Его создателем считается Чарльз Голдфарб, работавший в компании IBM. В 1986 г. этот язык получил статус международного стандарта и название — SGML (standard generalized markup language).

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

Впоследствии SGML был взят за основу сотрудниками Европейской организации по ядерным исследованиям (CERN) для разработки уже собственно HTML.

Разработка языков разметки продолжается и будет продолжаться в обозримом будущем. Появляются новые тэги, расширяется список поддерживаемых атрибутов. Появились спецификации так называемых каскадных таблиц стилей (CSS), позволяющие управлять атрибутами тэгов извне, например менять дизайн всего сайта, редактируя только один файл. Появился новый язык XML, который содержит в себе только структуру документа и в принципе позволяет создавать пользовательские правила разметки. Параллельно и во взаимосвязи с развитием языков происходит развитие браузеров, обязанных следить за изменениями в стандартах.

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

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

Прежняя практика подготовки текстов с помощью машинистки, и даже современная — самостоятельный набор текста в редакторе Word — не подходят для интернет-публикаций. Содержание текста ни в какой степени не зависело от технических свойств пишущей машинки или от недоступного пользователю внутреннего кода документов Word и даже от доступных пользователю функций этого редактора. Другая ситуация для веб-публикаций; в этом случае существует прямая зависимость контента от структуры как кода, так и сети.

 

Первые браузеры визуализировали только текст, контент напоминал телетайпную ленту, только развернутую на экране. Некоторые пользователи электронной почты, привыкшие к телеграммам, писали примерно так: «Грузите апельсины бочках тчк», пропуская предлоги и союзы, используя сокращения. Кстати, такой стиль частично сохранился до сих пор, например, ИМХО — «по моему скромному мнению», HI — «всем привет».

Но так как объем трафика (трафик — количество передаваемой информации, как правило, оплачиваемый) от таких сокращений уменьшался не слишком сильно, от телеграфного стиля перешли к эпистолярному. Появились обороты: «Уважаемый имярек...» «С уважением...» и др. Появились так называемые сигнатуры — автоматически вставляемые в письмо тексты с адресом, именем и отчеством, девизом. Эти сигнатуры могли содержать рисунки, сделанные с помощью точек и тире.

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

 

 

А вот как выглядел первый смайлик, придуманный в 1963 г. американским художником Харви Бэлл (Harvey Ball).

Впоследствии с появлением графических браузеров формы представления информации постоянно совершенствовались. Сегодня HTML-документ может быть оформлен и как обложка глянцевого журнала, и как газетная полоса, и как экран телевизора, с той лишь разницей, что есть дополнительная возможность управления картинкой на экране. Иными словами, веб-дизайн сегодня обладает большими возможностями, чем дизайн других средств массовой информации. Кроме того, веб-дизайн является интерактивным, содержащим смысл элементом контента, чего нельзя достичь в печатных СМИ.

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

HTML позволяет вам формировать различную гипертекстовую информацию на основе структурированных документов.

Обозреватель (браузер) определяет сформированные ссылки и через протокол передачи гипертекста HTTP открывает доступ к ва­шему документу другим пользователям интернета. Естественно, для успешной реализации всего этого необходим софт, полностью со­вместимый с WWW и поддерживающий HTML.

Описание HTML

HTML-документ — это обычный текстовый файл. Используя, например, браузер Internet Explorer или Netscape Navigator, вы може­те просмотреть результат вашей работы, загрузив в него созданный на основе синтаксиса HTML текстовый файл. Такие файлы, как пра­вило, имеют вид: <имя файлаХгШп или <имя файла>.гШп1.

Если открыть этот документ браузером, а затем в меню вид выбрать опцию просмотр кода, то можно увидеть примерно следующее (левая колонка таблицы):

 

Код	Комментарии
<html>	Первый тэг любого HTML-документа.
<head>	Открытие головы документа; здесь размещается информация, не выводимая на экран, но видимая браузером. В head размещается группа так называемых метатэгов.
<meta http-equiv=«Content-Language» content= «ru»>	Документ написан на русском языке.
<meta http-equiv=«Content-Type»   content=«text/html;   charset=windows-1251»>	Используется кодировка WINDOWS.
<meta name=«author»   content=«MBaHOB A.A.»>	Автор.
<meta name=«copyright»   content=«Петров A.A.»>	Копирайт.
<title>0 центре</title>	Название страницы отображается в заголовке браузера.
<meta name=«description» content=«CaftT представляет виды лечебной, научной и научно-практической деятельности академической группы...» >	Описание страницы, которое отображается в поисковых запросах.
<meta name=«keywords□ content=□аллергия, аллергология, астма, бактериемия, беременность, бесплодие, гепатит, гинекология...» >	Ключевые слова.
</head>	Закрытие головы страницы.
<body>	«Тело» страницы; этот тэг может быть снабжен атрибутами, задающими размер шрифта, отступы, цвет текста, цвет фона, рисунок для фона и многое другое.
<table border=«0» ce]llpadding=«0» cellspacing=«0» style=«border- collapse: collapse» border-color=«№ 111111□ width□100 %» id=«AutoNumberl»> <tr> <td width=«85 %» valign=«top»> <h3 align=«center»>Hayчный клинический центр нейроэндокринной трансплантологии</hЗ>; <р align=«center»>105275 Москва, 9-я улица Соколиной горы, дом 12 (1 этаж, кабинет 130); <br> телефон/факс: [phone]; </td> <td width>=15 %»> <р align=□center□> <img border=«0» src=«logo.gif» width=□84□ height=«73»x/td> </tr> </table>	Контент страницы; в данном случае таблица, в ячейках которой находится некоторый текст.
</body>	Закрытие тела страницы.
</html>	Последний тэг документа.

Мы продемонстрировали лишь ничтожную часть того, что может быть внутри head и body, но этого достаточно, чтобы показать общую структуру кода и убедить читателя в том, что читать код не так сложно, как кажется на первый взгляд.

Единственное, о чем еще полезно будет упомянуть, так это о гиперссылках и о вставке в документ графических файлов. И то и дру­гое размещается, естественно, в body.

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

Соответствующий тэг выглядит в самом простом случае так:

<а href=«URL адрес ссылки»>текст ссылки</а>

Здесь под URL адресом подразумевается указание на страницу, на которую следует загрузить текст — текст ссылки. Это может быть имя файла, находящегося в том же месте, что и стартовый файл (локальная ссылка), а может быть и URL-адрес в интернете вида: http://webjur.ru/index.htm. В качестве текста ссылки могут быть и текст, и рисунок.

Графика на странице хранится в отдельных файлах, которые могут быть формата gif и jpg. Графика в простейшем случае вставляется следующим образом:

<img src=«URL адрес файла картинки» width=

=«91» height=«120»>

где img — тэг; a width «91» и height = «120» — ширина и высота картинки в пикселях (точках).

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

В качестве иллюстрации предлагаем знаменитую статью Дока Сер-лза (Doc Searls) и Дэвида Вайнбергера (David Weinberger) «Мир концов: Что такое интернет и как перестать его путать с чем-то другим».

 

________________________________________________________________

 

ИЛЛЮСТРАЦИЯ

Док Серлз и Дэвид Вайнбергер

О ТОМ, ЧТО ТАКОЕ ИНТЕРНЕТ И С ЧЕМ ЕГО ПУТАЮТ

17 июня 2003 membrana

Интернет – это не вещь и не система, это интерсеть. В буквальном смысле

Ошибки бывают разными.

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

Однако на других ошибках мы попадаемся постоянно, снова и снова. Полагая, например, что:

• Сеть, как и телевидение, — это способ удерживать глазные яблоки в неподвижном состоянии, покуда рекламщики закапывают в них все, что им нужно;

• телекоммуникационные операторы должны фильтровать, контролировать и всякими прочими способами развивать Сеть;

• негоже пользователям общаться друг с другом, используя разные интернет-пейджеры;

• слабым местом Сети является отсутствие регулирования, нацеленного на защиту отраслей, которым почудилась угроза с ее стороны.

Когда речь заходит о Сети, многие из нас, как выясняется, страдают от синдрома повторяющихся ошибок (или синдрома вальсирования на граблях). Особенно это касается издателей газет и журналов, теле- и радиовещания, кабельного телевидения, звукозаписывающей и кинематографической отраслей, а также телефонных компаний — и это только те, кто вспоминается сразу.

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