Просмотров: 15

Шаг 5. Элемент body.

Сейчас давайте рассмотрим очень важный элемент, который должен присутствовать на веб-странице – это элемент title. title – это элемент страницы, который также относится к метаданным.

Начнем с того, что элемент <title> должен располагаться внутри элемента head. Основная его задача это задание заголовка для веб-страницы.

Где вы можете видеть заголовки веб-страниц?

Есть несколько случаев:

1) В имени закладки страницы в браузере.

17-09-2013 13-41-12

2) В результатах поисковой выдачи от поисковых машин.

17-09-2013 13-50-39

Т.е. заголовок веб-страницы – это ее имя.

Давайте прямо сейчас добавим заголовок для веб-страницы, в заготовку, которую мы создавали в прошлых уроках.

<!doctype html>
<html>
  <head>
   <title>Пример заголовка страницы</title>
  </head>
</html>

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

17-09-2013 13-41-12

Пока страница еще пустая, но заголовок в ней уже изменился.

В спецификации сказано, что заголовок у документа должен быть даже тогда, когда у документа нет никакого содержимого.

Этот как раз наш текущий пример.

Кроме того, нужно иметь в виду, что в документе должен быть только один элемент title. Так писать не правильно:

<!doctype html>
<html>
  <head>
   <title>Пример заголовка страницы</title>
  <title>Пример заголовка страницы2</title>
  </head>
</html>

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

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

Добавьте элемент title к вашей веб-странице прямо сейчас и проверьте результат в браузере.

После того, как вы это сделаете, переходите к следующему шагу, созданию элемента body.

Эта статья является частью курса "Базовые знания HTML с нуля.".

Введите свой e-mail, чтобы получить все уроки этого миникурса:

Шаг 5. Элемент body.: Один комментарий

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>