Не так давно Finom выложил блогозапись «Работа с локальным хранилищем, как с объектом — Продолжение» и в ней употребил новинку хабрахабровской разметки: элемент <spoiler>…</spoiler>. Оказывается, этот элемент ужé документирован в справке по HTML-тегам в правом верхнем углу над полем редактирования блогозаписей.
Употребляется он примерно вот каким образом:
<spoiler title="Заголовок свёртываемого элемента">
Содержимое свёртываемого элемента.
Скрытию может подвергаться не только текст, но и другие элементы гипертекста — например, изображения:
<img src="http://i46.tinypic.com/30axitk.jpg" alt="[V for Vendetta]" title="" border=0>
</spoiler>
Результат работы кода этого примера выглядит следующим образом:
Скрытию может подвергаться не только текст, но и другие элементы гипертекста — например, изображения:
![[V for Vendetta]](https://www.pvsm.ru/images/svyortyvaemye-elementy-(«spoilery»)-sravnitelno novaya-alternativa-habrakatu.jpg "Свёртываемые элементы («спойлеры»): сравнительно новая альтернатива хабракату")
Как видно, это ценная альтернатива хабракату: теперь скрывать можно не только хвост блогозаписи, но и часть её середины, причём для разворачивания сокрытого куска нет нужды переходить на другую страницу и дожидаться её загрузки вместе с комментариями.