Текстовые элементы HTML

Якорь. Специальные символы

Якорь (a - anchor)

Служит для определения гиперссылки либо точки назначения ("якоря") гиперссылки. В документе HTML гиперссылкой может являться фрагмент текста или изображение, помещённые в элемент a. Браузер, отображая элемент a, по умолчанию (т.е. если не задать других правил) обычно выделяет текст синим цветом и подчёркиванием, а также отображает курсор в виде указателя, когда он проходит над ссылкой - будь то текст или изображение. При нажатии на гиперссылку она активизируется, и браузер выполняет переход по URL (универсальному локатору ресурса), указанному в атрибуте href элемента a.

Вот типичный пример текстовой гиперссылки:

<a href="http://intuit.ru">Интернет Университет Информационных Технологий</a>

URL может указывать как на веб-страницу (документ HTML), так и на содержимое какого-либо другого типа. Браузеры умеют отображать, кроме HTML-документов, текстовые файлы и файлы изображений некоторых типов (jpg, png, gif). Другое содержимое (аудио, видео, документы Word и Acrobat, архивы) будет загружено браузером как файл и сохранено на компьютере пользователя. Впрочем, к браузеру могут быть подключены дополнительные программы (плагины - plugins ), открывающие различное медиа-содержимое непосредственно в окне браузера. К популярным плагинам такого рода можно отнести Adobe Flash Player, Apple QuickTime, Microsoft Silverlight и плагин Adobe Reader.

Составные части URL имеют следующий смысл (здесь показаны только наиболее простые, необходимые элементы):

протокол://сервер/файл#якорь

Элемент сервер определяет, к какому компьютеру отправляется запрос: любой компьютер имеет свой уникальный числовой адрес в рамках сети ( IP-адрес ), а многие компьютеры-сервера (компьютеры, предназначенные для обработки запросов) имеют также доменное имя, такое как ya.ru. В URL указывается либо доменное имя, либо IP-адрес.

Элемент протокол определяет, какая программа на сервере будет обрабатывать запрос - веб-сервер (такой как Apache, IIS, Tomcat и др.), служба FTP или другая. Также от этого зависит, по какому протоколу будут передаваться данные от сервера клиенту (браузеру). Если указан протокол file, то браузер прочитает файл с локального компьютера. Псевдопротокол javascript при активизации ссылки вызовет указанную функцию, например: <a href="javascript:history.back();">Назад</a>. При активизации ссылки с псевдопротоколом mailto откроется почтовый клиент и создастся письмо с указанным адресом, например: <a href="mailto:admin@site.com">Написать письмо</a>.

Элемент файл определяет путь к файлу на сервере - к документу HTML, изображению, архиву или, может быть, к серверной странице (php, aspx, jsp и т.п.), которая по запросу генерирует HTML-документ. Разумеется, разновидностей серверных программ и типов документов довольно много, и полное их описание не является задачей данной лекции.

И, наконец, якорь означает идентификатор элемента внутри документа, на который направлена ссылка. Если якорь в URL не указан, то документ открывается сначала, иначе - в верхней строке окна оказывается начало некоторого HTML-элемента, имеющего указанный идентификатор (т.е. атрибут id или name). Впрочем, если высота содержимого от якоря до конца документа меньше высоты окна браузера, то, естественно, якорь окажется не вверху окна, а ниже.

<style type="text/css">
    a:link {
      color: #33ccff;
    }
    a:visited {
      color: #cecece;
    }
    a:hover {
      color: #336666;
    }
    a:active {
      color: #339999;
    }
  </style>
    …

  <a id="start"></a>
  <a href="#div2">К секции div2</a>
  <a href="#end">В конец документа</a>
  <a href="http://ya.ru">На Яндекс</a>
 
  <div id="div1">
    <strong>Это текст в секции div1 </strong> - Lorem ipsum dolor sit amet...
    <a id="anchor1"></a>
    Lorem ipsum dolor sit amet…
  </div>
 
  <div id="div2">
    <strong>Это текст в секции div2 </strong> - Lorem ipsum dolor sit amet...</div>
 
  <a id="end"></a>
  <a href="#start">В начало документа</a>
  <a href="#div1">К секции div1</a>
  <a href="http://ya.ru">На Яндекс</a>

Рис. 2.10. Стили ссылок

Специальные символы

Содержащиеся в документе символы, не являющиеся при этом частью тегов, обычно отображаются браузером "как есть". Некоторые символы, однако, имеют специальное значение и прямо не выводятся, другие же невозможно набрать со стандартной клавиатуры. Для включения специальных символов в документ требуется их кодирование: либо с помощью специальных названий, либо с помощью числовой кодировки Latin-1. В таблице 2.3 приведены названия некоторых специальных символов, а также их номера в кодировке Latin-1

Таблица 2.3. Имена и номера специальных символов

Результат	Описание	Стандартное название	Номер символа
	Неразрывный пробел	 	#160;
<	меньше чем	&lt;	#60;
>	больше чем	&gt;	#62;
&	амперсанд	&amp;	#38;
	цент	&cent;	#162;
	фунт	&pound;	#163;
	иена	&yen;	#165;
	евро	&euro;	#8364;
	раздел	&sect;	#167;
	авторское право	&copy;	#169;
	зарегистрированная торговая марка	&reg;	#174;
"	левая угловая кавычка	&laquo;	#171;
"	правая угловая кавычка	&raquo;	#187;

Примеры:

©
®

Вопросы

1. Для чего нужны заголовки в документе, при помощи каких элементов они создаются и как выглядят?
2. Какой элемент формирует абзац?
3. Чем отличаются логическое и физическое форматирование? Назовите несколько элементов соответствующих и поясните их значения.
4. Какие средства используются для указания разрывов строк в тексте, кроме блочных элементов?
5. Для чего обычно используется элемент div?
6. Какие способы маркировки и нумерации списков заложены в HTML?
7. Каких эффектов (касающихся маркировки) можно достичь, применяя правила CSS к элементам списка?
8. Каким образом включается гиперссылка в HTML-документ?
9. Перечислите и определите основные составные части URL.
10. Почему для специальных символов необходимы особые обозначения? Какие это обозначения?