Заголовок иногда делают ссылкой на полный текст статьи и чтобы превратить заголовок в ссылку, текст следует поместить внутрь элемента <a>, который в свою очередь располагается внутри <h1>.
<h1><a href="link.html">Заголовок</a></h1>
Здесь ссылкой будет только текст с надписью «Заголовок».
В HTML5 допустимо менять элементы местами и разместить <h1> внутри <a>.
<a href="page/new.html"><h1>Заголовок</h1></a>
При этом несколько меняется поведение — ссылкой будет вся область заголовка, а это не только текст, но и пустое пространство справа от него.
В примере 1 показано создание заголовка, который служит ссылкой. Цвет ссылки задаётся с помощью свойства color.
Пример 1. Создание ссылки
<!DOCTYPE html>
<html lang="ru">
<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. Вид заголовка