Заголовок иногда делают ссылкой на полный текст статьи и чтобы превратить заголовок в ссылку, текст следует поместить внутрь элемента <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. Вид заголовка
Автор: Влад Мержевич
Источник: webref.ru