Varför behovet av en spoiler HTML?

Har du znaetet vad spoiler HTML? Webbutveckling efterfrågas bland många. Vissa lär sig att utveckla sina egna resurser på Internet, med information från olika källor. Det är begrepp som de måste möta för första gången. Vad är en spoiler, och hur man gör det på nätet utan någon hjälp? I den här artikeln kommer du att lära sig om det.

Vad är en spoiler?

Tänk på HTML spoiler, som körs på alla content management system (CMS). Spoiler - en konstruktion som innefattar en del av webbplatsens innehåll, som ursprungligen gömd för användaren. En person klickar på länken och se allt innehåll. För detta ändamål använda och spoiler HTML. kan fortfarande inte förstå varför dölja en del bit av artikeln? Oftare för extern dekoration av resursen. Dessutom HTML spoiler göra med vissa praktiska ändamål. Till exempel, för att skapa en webbplats design som inte ger plats för en stor artikel på huvudsidan. Och om ägaren vill dela rörd av sökmotorerna, du behöver ett innehåll volym. Och då hjälper spoiler.

Sökmotorer se den dolda texten, hindrar det inte betygsatt ranking resurs. spoilers används ofta för att dölja underlag som inte är av intresse för alla. Det finns färdiga plugins spoilers, men du kan utveckla din kod med en viss stil, en lämplig utformning av en viss webbplats.

exempel spoiler

Låt oss titta på hur man gör HTML-kod spoiler. Den kod som du ser nedan, ska placeras mellan taggarna i huvudet på din HTML-fil, om du vill använda din spoiler på flera sidor på Internet resurs. I de fall där det är nödvändigt att tillämpa den endast på en viss sida kan du placera koden mellan etikettkroppen.

Titel spoiler och hans kropp ser ut så här:

Basic gjort, men så länge som vår spoiler kommer inte att fungera fullt ut. Det faktum att innehållet i vår HTML-spoiler är alltid öppen. För att åtgärda detta, potrebutsya CSS. Lägg till:

Om du gör allt som beskrivs här kommer att ha en fungerande design.

Spoiler för Joomla

För att göra det, till exempel, i Joomla kan du använda en plugin som kallas kärn Design Spoiler. Glöm inte kärn Design Scriptegrator, laddade alla nödvändiga bibliotek. Ladda ner den från den officiella webbsidan utvecklare, vrid sedan allt i Plugin Manager. För att sätta spoilern gömmer text, bifoga den nödvändiga fragment av en artikel i en spoiler tag ([spoiler]). I inställningarna kan du välja sitt slag. Det kan vara en enkel knapp eller länk. En annan uppsättning villkor för utlämnande: On klick eller vid en tidpunkt när användaren flyttar musen.

Det finns tre alternativ som finns tillgängliga i denna tag

• Titel kan du ange en rubrik i citattecken.
• Action kan du välja en åtgärd som öppnar spoiler.
• Element anger vilken typ av spoiler (länk - länk och knapp - knapp).

Inuti spoiler tag får använda text med HTML-taggar.

Spoiler - ett praktiskt verktyg, är det allmänt används i olika bloggar, forum. Överens, trevligt att dölja de delar av sidan som den överväldigad. Förbättra utseendet på din webbplats, eftersom det är populärt med många användare.