Базовые элементы Web-технологий (1127027), страница 4
Текст из файла (страница 4)
XHTML отличаетсяот HTML жестким следованием правилам XML при оформлении элементов — это,фактически, HTML, вписанный в синтаксис XML.В качестве атрибута тега типа документа в первом и последнем случаях указан также URIсхемы документа.За типом документа следует корневой элемент HTML-документов <html/>.
Весьостальной текст помещается внутрь этого элемента.В элемент <head/> помещается имя документа, показываемое в виде заголовка окнабраузера (внутри тега <title/>), а также дополнительная информация о документе в целом.Вслед за элемент <head/> идет элемент <body/>, в который помещается содержимоедокумента — все то, что отображается в окне браузера при просмотре этой странички.Основные виды элементовВсе конструкции языка HTML являются элементами с точки зрения обобщенного языкаразметки (SGML, Standard Generalized Markup Language, стандартный обобщенный языкразметки). Такой элемент может состоять из открывающего тега, его содержимого изакрывающего тега. В некоторых случаях может отсутствовать закрывающий тег(например, тег <p> открывает абзац, который обрывается там, где начинается следующийструктурный элемент), иногда может отсутствовать и открывающий тег (можно не писатьтеги <head> или <body>, но лучше так не делать), иногда — и содержимое (например, тег<br> обозначает просто разрыв строки).
Далее при описании элементов их обозначениеуказывается в виде <tag/>, если такой элемент должен или может иметь закрывающий тег,и в виде <tag>, если закрывающего тега не должно быть.Элементы могут иметь атрибуты, которые, как и в XML, указываются в виде паримя = значение внутри открывающего тега.
Значения атрибутов указываются в двойныхили одинарных кавычках, в тех случаях, когда значение описывается строкой из цифр ибукв латинского алфавита (или включает также подчеркивания, запятые, дефисы идвоеточия), можно не использовать кавычек.Прописные и строчные буквы в именах тегов и атрибутов не различаются.В HTML документах можно использовать все символы Unicode [13], однако указанная вописании типа документа кодировка не всегда способна представить все такие символы. Вэтих случаях используются числовые ссылки вида “å” (символ @) с десятичнымикодами Unicode или “&#E5;” (тот же символ) с шестнадцатеричными кодами. Так же, каки XML, вместо символов <, >, ", ' используются комбинации, указанные в Таблице 1.Кроме этого, определены специальные обозначения для многих символов, перечислениекоторых занимает слишком много места (см.
[10]). Можно отметить следующие.СимволПредставление в HTMLНеразрывный пробе멧 ©§Таблица 3. Представления некоторых специальных символов в HTML.Элементы в HTML документах относятся к следующим типам.• Комментарии. Выглядят комментарии так:<!-- Это комментарий -->• Структурные элементы документа.Основные структурные элементы — это заголовок с вложенными элементами,элементы, описывающие фреймы, скрипты, различные элементы текста —заголовки разделов, абзацы и пр., списки, таблицы и формы.• Элементы оформления.Такие элементы позволяют определить способ представления содержания:выделение цветом, полужирным и курсивным шрифтом и пр.
В HTML 4.0большинство таких тегов признаны нежелательными, описание оформленияпереносят в таблицы стилей, облегчая этим изменения в оформлении документов.• Ссылки на другие документы, картинки, анимации и пр. внешние объекты.Элементы заголовкаВ заголовке — элементе <head/> — помещается информация о документе в целом.• Прежде всего, это имя документа, помещаемое в элемент <title/>. Онопредставляется в браузерах в качестве заголовка окна.• Элемент <base>, не имеющий закрывающего тега, определяет с помощью атрибутаhref базовый адрес текущего документа, в соответствии с которым вычисляютсяполные адреса относительных ссылок.• Элемент <style/> служит для определения таблиц стилей, описываемых внутрикомментариев в содержимом этого элемента. Его обязательный атрибут typeопределяет MIME-тип содержимого — обычно он равен «text/css».• Элемент <link>, не имеющий закрывающего тега, определяет связи текущегодокумента с другими.
Чаще всего он указывает внешние таблицы стилей,остальные виды связей браузеры не обрабатывают, но они могут использоватьсяроботами поисковых систем.Атрибут href задает URI другого документа, связь с которым определяется.Атрибут rel задает тип определяемой взаимосвязи. Можно указывать следующиетипы связей.stylesheet — таблица стилей для данного документа.home — главная страница сайта, на котором расположен документ.toc или contents — оглавление для данного документа.index — индекс для данного документа.glossary — список терминов, используемых в данном документе.copyright — информация об авторах и авторских правах на документ.up (или parent), child, next, previous, first, last (или end) — связанныедокументы в иерархической структуре сайта (родительская страница,дочерняя страница, следующая, предыдущая, первая или последняястраница).o help — документ со справочной информацией о сайте.ooooooo• Элемент <meta>, не имеющий закрывающего тега, указывает значения некоторыхмета-атрибутов документа, недоступных пользователям, но используемыхроботами поисковых систем.Имя определяемого мета-атрибута указывается в атрибуте name, а его значение —в атрибуте content.
Имеется довольно много предопределенных атрибутов:Generator, Publisher-Email, Keywords, Description и пр.Кроме того, можно указать название HTTP-заголовка в качестве имени метаатрибута в атрибуте http-equiv (вместо name), чтобы определить содержимое этогозаголовка при передаче данного документа.В качестве примера можно взять заголовок главной страницы сайта www.rbc.ru.<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><meta http-equiv="Refresh" content="720; URL=http://www.rbc.ru/?/"><link rel="alternate" type=application/rss+xml title="Главные новости"href="http://static.feed.rbc.ru/rbc/internal/rss.rbc.ru/rbc.ru/mainnews.rss"><link rel="alternate" type=application/rss+xml title="Краткая лента новостей"href="http://static.feed.rbc.ru/rbc/internal/rss.rbc.ru/rbc.ru/newsline.rss"><link rel="alternate" type=application/rss+xml title="РБК daily: главныеновости"href="http://static.feed.rbc.ru/rbc/internal/rss.rbc.ru/rbcdaily.ru/mainnews.rss"><link rel="alternate" type=application/rss+xml title="Спорт: лента новостей"href="http://static.feed.rbc.ru/rbc/internal/rss.rbc.ru/sport.rbc.ru/newsline.rss"><title>РосБизнесКонсалтинг - новости, акции, курсы валют, погода, доллар,евро</title><meta name="Description" content=""РосБизнесКонсалтинг" - ведущаяроссийская компания, работающая в сферах масс-медиа и информационныхтехнологий."><meta name="Keywords" content="новости, доллар, политика, курс, акции,облигации, нефть, рубль, евро, финансы, экономика, банк, кредит, вексель,информация, фондовый, инвестиционный, рынок, недвижимость, валюта, эмитент,комментарии, аналитика, продаж/продажа, цена, компания, товары, исследование,прогноз, индекс, рейтинг, биржа, семинар, фондовый, ПИФ, доходность, IPO,паевой"><link href="http://pics.rbc.ru/img/skin/fp_v3/layout_34.css" rel="stylesheet"type=text/css><link href="http://pics.rbc.ru/img/skin/fp_v3/skin_34.css" rel="stylesheet"type=text/css><link href="http://pics.rbc.ru/img/skin/fp_v3/index_34.css" rel="stylesheet"type=text/css><script language='JavaScript'src='http://pics.rbc.ru/js/fp_v3/lib.js'></script><script language='JavaScript'src='http://pics.rbc.ru/js/fp_v3/indices.js'></script></head><body> ...
</body>Структурные элементы текстаОсновное содержание документа помещается в элементе <body/>. Сам этот элемент имеетнесколько атрибутов, определяющих форматирование документа, цвета фона, основноготекста, ссылок и пр.• Для указания заголовков разделов различных уровней (чем меньше уровень, темкрупнее соответствующий раздел) используются элементы <h1/>, <h2/>, …, <h6/>.Они могут иметь атрибут align, определяющий выравнивание заголовка, свозможными значениями left, right и center (выравнивание влево, вправо ицентрирование).• Элемент <p/> с возможным атрибутом align используется для разметки абзацев.• Элемент <br> указывает место обязательного перевода строки.• Элемент <hr> вставляет в текст разделительную горизонтальную линию. Егоатрибуты:ooooowidth — указывает длину линии в точках или процентах от ширины окна;size — толщина линии;align — выравнивание линии;color — указывает цвет линии;noshade указывается без значения и обозначает, что линию нужноизображать без тени, как сплошную, а не как объемную.• Элемент <pre/> указывает браузеру изображать его содержимое в том жеформатировании, как оно представлено в файле, с использованием моноширинногошрифта и с сохранением пробелов и переводов строк.• Элемент <code/> служит для выделения формул.
Обычно они отображаются спомощью моноширинного шрифта.• Элементы <cite/> и <blockquote/> служат для указания цитат. Второй, в отличие отпервого, используется для длинных цитат, оформляемых как отдельный абзац сдополнительным отступом.• Элемент <div/> служит для выделения блока текста.• Ненумерованные списки создаются при помощи элемента <ul/>. Каждый пунктсписка представлен элементом <li/>.• Нумерованные списки организуются с помощью элемента <ol/>.
Он может иметьатрибуты start, определяющий нумерацию первого пункта, и type, задающий типнумерации. Доступные типы: «1» — арабские числа (используется по умолчанию),«A» — заглавные латинские буквы, «a» — строчные латинские буквы, «I» —латинские числа заглавными буквами, «i» — латинские числа строчными буквами.Элемент <li/> в рамках упорядоченного списка может иметь атрибут value,устанавливающий для соответствующего пункта списка особый номер внумерации, последующие пункты нумеруются следующими за ним номерами, еслидля них не установлены свои собственные.Форматирование текста• Элемент <basefont> определяет с помощью атрибута size, принимающего значенияот 1 до 7, базовый размер шрифта, которым отображается текст документа.• Элемент <font/> позволяет задать цвет (с помощью атрибута color), размер (спомощью атрибута size) и тип (с помощью face) шрифта для своего содержимого.• Элементы <em/>, <strong/>, <big/>, <small/>, <i/>, <b/>, <u/>, <s/> используютсядля различного выделения текста.
<em/> задает обычное выделение, <strong/> —сильное. Чаще всего в первом случае текст изображается курсивом, во втором —полужирным шрифтом. Следующие два элемента служат для увеличения илиуменьшения размера используемого шрифта. Элементы <i/>, <b/>, <u/>, <s/>обозначают использование курсива, полужирного шрифта, подчеркивания изачеркивания.• Элементы <sup/> и <sub/> служат для выделения верхних и нижних индексов.ТаблицыТаблицы в HTML оформляются с помощью элемента <table/>.
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
