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

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

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 11.03.2020
Редакторы: Влад Мержевич
Как научиться разрабатывать сайты