Знаетете ли вы, что такое спойлер HTML? Конструирование веб-сайтов пользуется спросом у многих. Некие осваивают разработку интернет-ресурсов без помощи других, берут информацию из самых различных источников. Есть понятия, с которыми им приходится сталкиваться в первый раз. Что такое спойлер и как его сделать на веб-сайте без чьей-либо помощи? В этой статье вы узнаете об этом.

Что такое спойлер?

Разглядим спойлер HTML, работающий на хоть какой системе управления веб-сайтом (CMS). Спойлер – это конструкция, содержащая часть контента веб-сайта, которая поначалу укрыта для юзера. Человек кликает на подобающую ссылку и лицезреет весь контент. С этой целью употребляется и спойлер HTML. Все еще не сможете осознать, зачем скрывать некий кусок статьи? Почаще для наружного декорации ресурса. Не считая того, спойлер HTML делают с некой практической целью. К примеру, сотворен веб-сайт, дизайн которого не предугадывает размещение большой статьи на главной странице. И если обладатель желает, чтоб ресурс продвигался поисковыми машинами, нужен большой контент. Именно тогда и выручает спойлер.

Поисковики сокрытый текст лицезреют, это не мешает рейтингу ранжирования ресурса. Нередко спойлеры используют, чтоб скрывать вспомогательную информацию, которая не многим увлекательна. Есть готовые плагины спойлеров, а можно создать собственный код с определенным стилем, подходящим оформлению определенного веб-сайта.

Пример спойлера

Давайте разберемся с тем, как сделать HTML-код спойлера. Код, который вы видите ниже, следует расположить меж тегами head вашего HTML-файла, если есть желание использовать ваш спойлер на нескольких страницах интернет-ресурса. В этом случае, когда нужно будет применить его лишь на одной определенной страничке, сможете поместить код меж тегами body.

Заголовок спойлера и его тело смотрится так:

Основное изготовлено, но пока наш спойлер не будет работать всеполноценно. Дело в том, что содержимое нашего HTML-спойлера остается всегда открытым. Чтоб это поправить, потребутся CSS. Добавьте:

Если сделаете все, как тут описано, получите работоспособную конструкцию.

Спойлер для Joomla

Чтоб сделать его, к примеру, в Joomla, можно пользоваться плагином под заглавием Core Design Spoiler. Не забудьте про Core Design Scriptegrator, подгружающий все нужные библиотеки. Скачивайте их у разработчиков с официальных веб-сайтов, потом включите все в Менеджере плагинов. Для того чтоб поставить спойлер, скрывающий текст, заключите нужный кусок статьи в тег спойлер ([spoiler]). В настройках можно избрать его вид. Он может быть кнопкой либо обычный ссылкой. Еще задаются условия его раскрытия: по клику либо тогда, когда юзер будет наводить курсор.

Есть три параметра, доступных в этом теге:

• Title дает возможность указать собственный заголовок в кавычках.
• Action позволяет избрать действие, открывающее спойлер.
• Element задает вид спойлера (link – ссылка, а button — кнопка).

Снутри тега spoiler допускается внедрение текста с HTML-тегами.

Спойлер – комфортное средство, его обширно используют на различных блогах, форумах. Согласитесь, хорошо прятать те части странички, которые ее перегружают. Улучшайте внешний облик собственного веб-сайта, потому что это нравится многим юзерам.