Главная » Вебмастеру » Как заголовок сделать ссылкой?

Как заголовок сделать ссылкой?

Заголовок иногда делают ссылкой на полный текст статьи и чтобы превратить заголовок в ссылку, текст следует поместить внутрь элемента <a>, который в свою очередь располагается внутри <h1>.

<h1><a href="link.html">Заголовок</a></h1>

Здесь ссылкой будет только текст с надписью «Заголовок».

В HTML5 допустимо менять элементы местами и разместить <h1> внутри <a>.

<a href="link.html"><h1>Заголовок</h1></a>

При этом несколько меняется поведение — ссылкой будет вся область заголовка, а это не только текст, но и пустое пространство справа от него.

В примере 1 показано создание заголовка, который служит ссылкой. Цвет ссылки задаётся с помощью свойства color.

Пример 1. Создание ссылки

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Заголовок</title>
  <style>
   h1 a { color: #9b562b; }
  </style>
 </head>
 <body>
  <h1><a href="page/1.html">Следы невидимых зверей</a></h1>
 </body>
</html>

Результат данного примера показан на рис. 1.

Как заголовок сделать ссылкой?

Рис. 1. Вид заголовка

Автор: Влад Мержевич
Источник

Интересные публикации по этой теме: