Свёртываемые элементы («спойлеры»): сравнительно новая альтернатива хабракату

Не так давно Finom ^[1] выложил блогозапись «Работа с локальным хранилищем, как с объектом — Продолжение ^[2]» и в ней употребил новинку хабрахабровской разметки: элемент <spoiler>…</spoiler>. Оказывается, этот элемент ужé документирован в справке по HTML-тегам в правом верхнем углу над полем редактирования блогозаписей.

Употребляется он примерно вот каким образом:

<spoiler title="Заголовок свёртываемого элемента">
Содержимое свёртываемого элемента.

Скрытию может подвергаться не только текст, но и другие элементы гипертекста — например, изображения:

<img src="http://i46.tinypic.com/30axitk.jpg" alt="[V for Vendetta]" title="" border=0>
</spoiler>

Результат работы кода этого примера выглядит следующим образом:

Как видно, это ценная альтернатива хабракату: теперь скрывать можно не только хвост блогозаписи, но и часть её середины, причём для разворачивания сокрытого куска нет нужды переходить на другую страницу и дожидаться её загрузки вместе с комментариями.

Кстати о хабракате. Предел безхабракатной блогозаписи оказался увеличен: прежде можно было без хабраката выложить блогозапись не более 600 символов длиною, а теперь — не более 1000.

Автор: Mithgol