La balise d'attributs / The attributes tag : <b:attr>

La syntaxe

<div>

  <b:attr cond='CONDITION' name='ATTRIBUTE_NAME' value='VALUE'/>

</div>

• La balise <b:attr> travaille dans l'ensemble du code XML, excepté à l'intérieur d'un balisage <![CDATA[.

• Plusieurs balises <b:attr> peuvent se cumuler.

• Les balises <b:attr> ne peuvent pas s'imbriquer.

Les attributs

La balise doit contenir plusieurs attributs dont certains sont obligatoires.

<b:attr cond='CONDITION'
        name='ATTRIBUTE_NAME'
        value='VALUE'/>

<b:attr cond='CONDITION'
        expr:name='EXPRESSION'
        expr:value='EXPRESSION'/>

Quelques exemples

Ajouter un ID

<div>

  <b:attr name='id' value='ILOVEBLOGGER'/>

</div>

<div id='ILOVEBLOGGER'>

</div>

Ajouter un attribut avec une condition

<div>

  <b:attr cond='data:view.isHomepage' name='style' value='background: transparent'/>

</div>

<div style='background: transparent'>

</div>

<div>

</div>

Ajouter un attribut dont la valeur est une expression

<a>

  <b:attr name='href' expr:value='data:blog.homepageUrl path "/search/" params { label: "TOTO" }'/>

  LINK

</a>

<a href='https://BLOG_NAME.blogspot.com/search?label=TOTO'>

 LINK

</a>

Ajouter plusieurs attributs

<a>

  <b:attr name='href' expr:value='data:view.url'/>
  <b:attr name='target' value='_blank'/>
  <b:attr name='title' expr:value='data:view.title'/>

  LINK

</a>

<a href='https://BLOG_NAME.blogspot.com/' target='_blank' title='PAGE_TITLE'>

  LINK

</a>

Remarques additionnelles

Remarque 1

Lorsque la balise <b:attr> est intégrée dans une balise auto-fermante comme <img>, <input>, <link>, <meta>, etc, l'éditeur soulignera la balise de fermeture en rouge. Afin d'éviter l'erreur, remplacez la balise auto-fermante par une balise <b:tag>.

<b:tag name='img' expr:src='data:view.featuredImage'>

  <b:attr name='alt' value='My image'/>

</b:tag>

Remarque 2

<b:tag name='img' expr:src='data:view.featuredImage'>

  <b:attr name='b:whitespace' value='remove'/>
  <b:attr name='alt' value='My image'/>

</b:tag>

Quiz récapitulatif