Pull to refresh

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

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

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

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

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

<a href="http://danbooru.donmai.us/post/show/951110/">
<img src="http://i46.tinypic.com/30axitk.jpg" alt="[V for Vendetta]" title="" border=0></a>
</spoiler>

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

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

[V for Vendetta]

Заголовок можно жмякнуть мышóю — и свёрнутое содержимое тотчас же развернётся. Следующий жмяк мышóю по заголовку приведёт содержимое обратно в свёрнутое состояние.

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

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

Полезные, полезные изменения к лучшему.

Важный довесок:  в RSS нет, понятное дело, никакого джаваскрипта, так что все спойлеры отображаются в развёрнутом виде, а их заголовки просто становятся текстом повышенной жирности с новой строки. Имейте это в виду.
Tags:
Hubs:
Total votes 127: ↑99 and ↓28 +71
Views 1.7K
Comments Comments 41