
- •Лекции по интернет-программированию Оглавление
- •Общее представление
- •Браузеры
- •Перспективы
- •Структура html-документа
- •Синтаксис тегов
- •Атрибуты
- •Тип элемента документа
- •Структура элемента
- •Примечания
- •Варианты doctype для html 4.01
- •Варианты doctype для html 5
- •Браузерные войны
- •Структура html-документа
- •Варианты doctype для html 4.01
- •Doctype для html 5
- •Основные элементы («теги»)
- •Гиперссылки
- •Текстовые блоки
- •Форматирование текста
- •Объекты
- •Изображения
- •Таблицы
- •Символы
- •Названия цветов
- •Основные символы
Перспективы
В настоящее время Консорциум всемирной паутиныразрабатываетHTML версии 5. Черновой вариант спецификации языка появился в Интернете20 ноября2007 года.
Сообществом WHATWG(англ.Web Hypertext Application Technology Working Group), начиная с2004 года, разрабатывается спецификацияWeb Applications1.0, часто неофициально называемая «HTML 5», которая расширяет HTML (впрочем, имея и совместимый с XHTML 1.0 XML-синтаксис) для лучшего представления семантики различных типичных страниц, напримерфорумов, сайтоваукционов,поисковых систем, онлайн-магазинов и т. д., которые не очень удачно вписываются в модель XHTML 2.
Структура html-документа
HTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой наборэлементов, причём начало и конец каждого элемента обозначается специальными пометками —тегами.
Тег,те́ги(иногдатэг[1],англ.tag, читается/tæg/) вSGML(вHTML,WML,AmigaGuide, языках семействаXML) — элемент языка разметки гипертекста. Более правильное название —дескриптор.[2][3][4][5]Например, текст Википедии, заключенный между начальным тегом <small>и конечным тегом </small> (отангл.small маленький) предписывает отображать его меньше основного текста.Например:Это маленький текст.А это большой.(<big>—</big>).
В XMLтег является элементом документа, а текст, содержащийся между начальным и конечным тегом — содержанием элемента.
Синтаксис тегов
Используют либо только два тега — открывающий, илиначальный, изакрывающий, иликонечный, или еще дополнительно в зависимости от реализации языка возможно применениеодиночного тегаитега пустого элемента. Например, тег отступа абзаца может оформлять абзац между <p> </p>, а может в одиночной форме до следующего первого попавшегося <p>
Пример пустого элемента: <HR></HR> - разрыв текста без сохранения отступов, но вы можете использовать специальную форму записи тега, используя меньшее число символов: <HR/>
Набор и рекомендуемые интерпретации тегов определены организацией W3C.
В SGMLможно назначать другие символы для обрамления тега (например, фигурные скобки), но в некоторых подмножествах этого языка (например,HTML) иXMLтакая возможность отсутствует.
Кроме того, существуют разные системы языков-подмножеств, которые используются, с меньшими возможностями, например на веб-форумах и досках объявлений используется язык разметки BBCode, теги которого ограничиваются символами квадратных скобок: [ ].
Например, [url="http://ru.wikipedia.org"]Русская Википедия[/url] — ссылка на языке BBCode, указывающая на страницу русской Википедии.
Атрибуты
У тега могут быть свойства, называемые атрибутами, дающие дополнительные возможности форматирования текста. Они записываются в виде пары имя-значение, причем нечисловое значение заключается в кавычки. Например, можно выделить фрагмент текста определенным шрифтом (тег <font>), указав в этом теге название шрифта и желаемый размер: <font face="Times, Arial, Courier" size=4>оформляемый текст</font>
Тип элемента документа
Имя тега определяет типэлемента. В HTML имя тега определяет лишь правила разметки, так, имя тега «i» (например<i>Курсивный текст</i>) определяет, что между тегами расположен текст, который следует отображать в браузере вкурсивномначертании. XML представляет собой более гибкий стандарт. Имена тегов в нем не регламентируются жестко: пользователи могут вводить и использовать для своих нужд новые теги (см.XML). Например, мы сами для себя можем определить, что элементом с именем тега «person» мы определяемтипэтого XML элемента, как фамилия имя и отчество. И скажем, год рождения, как часть информации по данному человеку:
XML: <person>Иванов Иван Иванович <year>1984</year></person> Можно даже задать дополнительно в таблицахCSS, что все теги<person>будут определенного цвета.
HTML: <div name="person"> Иванов Иван Иванович, 1984 </div> Тут уже нет возможности сформировать элемент документа для анализа текста, но оформить можно.
Таким образом, HTML представляет собой неструктурированный текст, а XML — документ с иерархической структурой, что дает возможность обработки документа: трансформацию данных, поиск нужных элементов документа и т. д.