Уроки WEB-Строительства

\|УРОК 17\| - Заголовок. Элемент TITLE

Вступление

Работаем с файлом vinnie.html из Урока 15. Внесем в него следующие изменения:

<html>
 <head>
  <title>Страничка про Винни-Пуха</title>
 </head>
 <body bgcolor=white text=black>
  <div align=center>
   <H4>Песенка Винни-Пуха</H4>
    <a href="index.html">
     <img src="vinnie.jpg" alt="Винни-Пух" width=232 height=304 border=0>
    </a>
    <p>
     <S>Если б мишки были пчелами</S><br>
     <B><I>То они бы нипочем</I></B><br>
     <BIG>Никогда бы не подумали</BIG><br>
     <SMALL><U>Так высоко строить дом</U></SMALL><br>
   </p>
   <p><TT>Конец</TT></p>
  </div>
 </body>
</html>

Запускаем и видим:

Песенка Винни-Пуха

Необходимые пояснения

И что же изменилось - напрашивается первый вопрос. И действительно, на первый взгляд в визуальном отображении странички не изменилось ничего. Однако давайте посмотрим на заголовок окна Internet Explorer и почувствуем разницу:


Так было до использования title		А так сейчас

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

Панель задач

Другое дело, если у всех открытых страниц названия есть:

Панель задач

Сухой остаток

1. Тег <head></head> служит для определения такого элемента структуры документа, как заголовок.
2. Тег <title></title> служит для определения названия страницы в заголовке.