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