Pourquoi le besoin d'un spoiler HTML?

Avez-vous znaetet ce spoiler HTML? Le développement Web est la demande parmi d'autres. Certains apprennent à développer leurs propres ressources Internet, en prenant des informations provenant de diverses sources. Il y a des concepts avec lesquels ils doivent faire face pour la première fois. Qu'est-ce qu'un spoiler, et comment faire en ligne sans aucune aide? Dans cet article, vous apprendrez à ce sujet.

Qu'est – ce qu'un spoiler?

Considérez le spoiler HTML, en cours d'exécution sur un système de gestion de contenu (CMS). Spoiler – une construction comprenant une partie du contenu du site, qui d'abord caché à l'utilisateur. Une personne clique sur le lien et de voir tout le contenu. A cet effet, utiliser et spoiler HTML. ne comprends toujours pas pourquoi cacher une tranche de l'article? Le plus souvent pour la décoration extérieure de la ressource. En outre, spoiler HTML faire avec un but pratique. Par exemple, pour créer une conception de site Web qui ne fournit pas l'emplacement d'un grand article sur la page principale. Et si le propriétaire veut partager déplacé par les moteurs de recherche, vous avez besoin d'une teneur en volume. Et puis il aide spoiler.

Les moteurs de recherche voir le texte caché, il n'empêche pas classé ressource classement. spoilers sont souvent utilisés pour cacher les pièces justificatives qui ne sont pas d'intérêt à tous. Il y a des plugins ready-made spoilers, mais vous pouvez développer votre code avec un certain style, une conception appropriée d'un site Web particulier.

exemple spoiler

Penchons-nous sur la façon de faire spoiler code HTML. Le code que vous voyez ci-dessous, doit être placé entre les balises de la tête de votre fichier HTML, si vous voulez utiliser votre spoiler sur plusieurs pages de la ressource Internet. Dans le cas où il est nécessaire de l'appliquer uniquement sur une page spécifique, vous pouvez placer le code entre le corps de l'étiquette.

spoiler de titre et son corps ressemble à ceci:

Base fait, mais aussi longtemps que notre spoiler ne fonctionnera pas pleinement. Le fait que le contenu de notre HTML spoiler est toujours ouvert. Pour résoudre ce problème, potrebutsya CSS. Ajouter:

Si vous faites tout comme décrit ici aura une conception de travail.

Spoiler pour Joomla

Pour le faire, par exemple, dans Joomla, vous pouvez utiliser un plugin appelé Core Design Spoiler. Ne pas oublier Core Design Scriptegrator, chargés de toutes les bibliothèques requises. Téléchargez depuis les sites officiels des développeurs, puis tourner tout Plugin Manager. Afin de mettre le spoiler texte caché, placez le fragment nécessaire d'un article dans une balise spoiler ([spoiler]). Dans les paramètres, vous pouvez sélectionner le type. Il peut être un simple bouton ou un lien. Un autre ensemble de conditions pour la divulgation: sur un clic, ou à un moment où l'utilisateur se déplace la souris.

Il y a trois options qui sont disponibles dans cette balise:

• Titre vous permet de spécifier un titre entre guillemets.
• Action vous permet de sélectionner une action qui ouvre le spoiler.
• Élément spécifie le type de spoiler (lien – lien et bouton – bouton).

A l'intérieur de la balise spoiler est autorisé à utiliser le texte avec les balises HTML.

Spoiler – un outil pratique, il est largement utilisé dans divers blogs, forums. D'accord, pour cacher l'ces parties de la page que débordés. Améliorer l'apparence de votre site, car il est très populaire auprès de nombreux utilisateurs.