class
: L'attribut de classe
L'attribut class
est un élément issu du langage HTML standard qui est également employé dans le langage XML de Blogger.
Syntaxe
class='value'
Dans le langage HTML standard, class
est principalement utilisé pour pouvoir pointer des balises dans une déclaration CSS ou pour les atteindre/manipuler avec Javascript.
Dans le langage XML de Blogger, le sens premier est identique, excepté que dans certains cas il bénéficie d'un traitement particulier. Quoi qu'il en soit, l'attribut est classifié « html classique » dont la valeur est une chaîne de caractères.
L'attribut peut être intégré dans ces balises Blogger :
Balises | Description | Classification | Préfixe « expr: » | Implantation |
---|---|---|---|---|
<b:section> |
Classe de la section |
Classification : HTML Classic | Préfixe « expr: » : Interdit | Implantation : Facultative |
<b:tag> |
Classe de la balise |
Classification : HTML Classic | Préfixe « expr: » : Autorisé | Implantation : Facultative |
Dans une balise <b:section>
Implantation XML, traitement et rendu HTML
<b:section class='class_name'></b:section>
Dans cette balise, l'attribut est facultatif et ne peut pas être converti en un attribut d'expression (en réalité, la conversion en un attribut d'expression est autorisée, mais sera ignorée lors de la phase de traitement).
La valeur mentionnée sera affichée dans le rendu HTML du blog et de la mise en page.
Côté traitement, Blogger remplacera dans le rendu HTML la balise <b:section>
en une balise <div>
et ajoutera 2 autres valeurs supplémentaires à l'attribut class
:
section
: Valeur ajoutée automatiquement, même si l'attribut n'a pas été mentionné dans la balise XML.no-items
: Valeur ajoutée lorsque les noeuds enfants sont inexistants (c'est-à-dire, lorsque les gadgets contenus dans la section sont inexistants ou désactivés.
Rendu HTML lorsque class
n'est pas défini et contient des gadgets
<div class='section'></div>
Rendu HTML lorsque class
n'est pas défini et ne contient pas de gadget
<div class='section no-items'></div>
Rendu HTML lorsque class
est défini et contient des gadgets
<div class='class_name section'></div>
Rendu HTML lorsque class
est défini et ne contient pas de gadget
<div class='class_name section no-items'></div>
Liste des classes dans les thèmes officiels
Essential et Contempo
container
clearboth
vertical-ad-container
main
footer
sidebar_top
sidebar_bottom
Simple, Picture Window, Awesome Inc., Watermark, Ethereal et Travel
navbar
header
tabs
main
sidebar
foot
Dans une balise <b:tag>
Dans ce cas, le sens premier du standard HTML est totalement conservé et n'est pas « manipulé » par Blogger.
L'attribut est classifié comme « attribut HTML classique » dont la valeur doit être une chaîne de caractères.
La valeur peut être une expression Blogger seulement si le préfixe
expr:
est ajouté à l'attribut.
Lorsque class
est un attribut HTML classique
<b:tag class='class_name' name='div'/>
Lorsque class
est un attribut d'expression
<b:tag expr:class='blogger_expression' name='div'/>
Complément
L'attribut class
peut être également intégré à une quelconque balise du standard HTML à l'aide des balises Blogger <b:class>
et <b:attr>
.