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

в 20:36, , рубрики: спойлер, спойлеры, хабракат, хабраразметка, хабрахабр

Не так давно 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]

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

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

Автор: Mithgol

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js