В HTML5 для створення спойлерів або інформації, яку не слід відразу показувати, використовується елемент <details>, всередині якого розташовується заголовок <summary>. У вихідному вигляді відображається лише заголовок, по клацанню на який розкривається та закривається вміст <details> (рис. 1).
Редактор HTML: наберіть <lj-cut text="Read more"> перед текстом, який хочете сховати, замінивши "Read more" фразою, яка стане посиланням на прихований уривок. Якщо хочете продовжувати запис відкритим текстом після прихованого уривка, в кінці приховуваного тексту наберіть </lj-cut>.
Найпростіший спосіб приховати текст під спойлер – виділити потрібний текст, клацнути на нього правою кнопкою миші та вибрати значок у вигляді ока. Це позначить виділений шматок тексту повідомлення як спойлер.
Щоб за допомогою HTML створити прихований текст, потрібно відкрити вихідний код сторінки, знайти слово або пропозицію, що приховується, і встановити колір шрифту таким же, як колір фону сторінки. Після завантаження сторінки в браузері текст зіллється з фоном і стане невидимим.