CSS властивості
ГлавнаяБлогЯк зробити заголовок посиланням?

Як зробити заголовок посиланням?

170

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