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

11

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

Источник