КампутарыПраграмаванне

Для чаго патрэбен спойлер HTML?

Знаетете Ці вы, што такое спойлер 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-тэгамі.

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

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 be.birmiss.com. Theme powered by WordPress.