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

В некоторых случаях может потребоваться сделать заголовок в виде ссылки, что бы это сделать сам текст заголовка следует поместить внутрь элемента <a>, который в свою очередь будет располагаться внутри <h1>. В HTML5 допустимо менять элементы местами и разместить <h1> внутри <a>.

Пример

Lorem Ipsum

[ HTML5 ↓ ]

Lorem Ipsum

HTML


<h1><a href="link-page.html" class="link-page">Lorem Ipsum</a></h1>
<!-- HTML5 -->
<a href="link-page.html" class="link-page"><h1>Lorem Ipsum</h1></a>
      

CSS


a.link-page {
    color: #f66d52; /* Цвет ссылки */
}