class : L'attribut de classe

Blogger - L'attribut classe [class]

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

Emporio

featured-post main vertical-ad-container sidebar footer

Notable

centered-top-secondline main sidebar footer

Soho

main footer

Simple, Picture Window, Awesome Inc., Watermark, Ethereal et Travel

navbar header tabs main sidebar foot

Dynamique

main sidebar

Remarque : Dans ces thèmes, les classes ne sont pas intégrées dans le rendu HTML du blog.



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>.



Spotlight

Populaires cette semaine

Facebook : Bouton J'aime / Like button