Не так давно Finom выложил блогозапись «Работа с локальным хранилищем, как с объектом — Продолжение» и в ней употребил новинку хабрахабровской разметки: элемент <spoiler>…</spoiler>. Оказывается, этот элемент ужé документирован в справке по HTML-тегам (в правом верхнем углу над полем редактирования блогозаписей) и может невозбранно употребляться на Хабрахабре (правда, не везде: в комментариях не работает).
Употребляется же эта новинка примерно вот каким образом:
Результат работы кода этого примера выглядит следующим образом:
Заголовок можно жмякнуть мышóю — и свёрнутое содержимое тотчас же развернётся. Следующий жмяк мышóю по заголовку приведёт содержимое обратно в свёрнутое состояние.
Как видно, это ценная альтернатива хабракату: теперь скрывать можно не только хвост блогозаписи, но и часть её середины, причём для разворачивания такого сокрытого куска нет нужды переходить на другую страницу и тратить время да траффик на её загрузку вместе с комментариями.
Кстати о хабракате. Предел безхабракатной блогозаписи оказался увеличен: прежде можно было без хабраката выложить блогозапись не более 600 символов длиною, а теперь — не более 1000. И это правильно, потому что прежнее ложе было слишком уж прокрустовым.
Полезные, полезные изменения к лучшему.
Важный довесок: в RSS нет, понятное дело, никакого джаваскрипта, так что все спойлеры отображаются в развёрнутом виде, а их заголовки просто становятся текстом повышенной жирности с новой строки. Имейте это в виду.
Употребляется же эта новинка примерно вот каким образом:
<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]](http://i46.tinypic.com/30axitk.jpg)
Скрытию может подвергаться не только текст, но и другие элементы гипертекста — например, изображения и гиперссылки:
Заголовок можно жмякнуть мышóю — и свёрнутое содержимое тотчас же развернётся. Следующий жмяк мышóю по заголовку приведёт содержимое обратно в свёрнутое состояние.
Как видно, это ценная альтернатива хабракату: теперь скрывать можно не только хвост блогозаписи, но и часть её середины, причём для разворачивания такого сокрытого куска нет нужды переходить на другую страницу и тратить время да траффик на её загрузку вместе с комментариями.
Кстати о хабракате. Предел безхабракатной блогозаписи оказался увеличен: прежде можно было без хабраката выложить блогозапись не более 600 символов длиною, а теперь — не более 1000. И это правильно, потому что прежнее ложе было слишком уж прокрустовым.
Полезные, полезные изменения к лучшему.
Важный довесок: в RSS нет, понятное дело, никакого джаваскрипта, так что все спойлеры отображаются в развёрнутом виде, а их заголовки просто становятся текстом повышенной жирности с новой строки. Имейте это в виду.
