Книга: HTML5 для веб-дизайнеров

Элемент a на стероидах

Элемент a на стероидах

Если изменения в уже существующих элементах включают в себя креативную игру в определения, один элемент в HTML5 обновился полностью.

Элемент a, без сомнения, самый важный элемент в HTML. Он превращает наш текст в гипертекст. Это соединительная ткань Всемирной паутины.

Элемент a всегда был строчным (inline) элементом. Если вы хотели сделать заголовок и абзац гиперссылками, нужно было использовать несколько элементов a:

<h2><a href="/about">Обо мне</a></h2>
<p><a href="/about">Узнайте, почему я такой.</a></p>

В HTML5 вы можете обернуть несколько элементов в один элемент a:

<a href="/about">
<h2>Обо мне</h2>
<p>Узнайте, почему я такой.</p>
</a>

Единственная оговорка – вы не можете поместить элемент a внутри другого элемента a.

Может показаться, что оборачивать несколько элементов в один элемент a – очень серьезное изменение, но большинству браузеров не придется очень много делать для того, чтобы поддерживать эту новую модель ссылок. На самом деле они уже поддерживают ее – даже несмотря на то, что такая разметка вплоть до HTML5 технически никогда не была разрешенной.

Это кажется немножко противоречащим здравому смыслу: наверное, браузеры должны реализовывать уже имеющуюся спецификацию? Но получается наоборот: новейшая спецификация документирует то поведение браузеров, которое уже наличествует.

Оглавление книги