Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
3 février 2010 3 03 /02 /février /2010 00:10

détail du 'Dragon' de Max Escher

Il y a des questions toutes simples mais qui peuvent mener loin.

Par exemple : je veux mettre une infobulle sur une image – pas une super-infobulle fignolée, modèle comme ici, non non, juste l'infobulle de base.

Dans le cas précis d'une image ou d'un lien, et sur un blog OB, la question se réduit à cliquer sur le bon bouton, remplir les bons champs… et mon article est déjà fini !

Admettons donc qu'il ne s'agisse pas d'un blog OB, ou pas d'un cas qui se traite à coup de boutons et de champs… bref, supposons qu'on doive écrire du HTML à la mimine – ça arrive parfois.


Vous savez peut-être déjà que la solution est :

 <img src="gnagna/pschit.jpg" title="Arroseur arrosé" /> Survolez 

Bon : le texte s'écrit entre apostrophes doubles. Vous savez peut-être aussi que vous pouvez, sans précaution particulière, y inclure une apostrophe simple :

 <img src="gnagna/pschit.jpg" title="L'arroseur arrosé" /> Survolez 

Vous savez peut-être même que, en rusant un peu, vous pouvez jouer avec des apostrophes doubles :

 <img src="gnagna/pschit.jpg" title='"Arroseur arrosé" (Tartempion)' /> Survolez 

La ruse consiste à encadrer la chaîne de caractères par des apostrophes simples et non doubles, ce qui permet l'emploi d'apostrophes doubles à l'intérieur. Mais pas d'apostrophes simples (vous ne voyez pas double, au moins ?)

Mais mais mais… si on veut écrire :

 <img src="gnagnagna/arroseur.jpg" title=?"L'arroseur arrosé" (Tartempion)? /> 

… par quoi faut-il remplacer les points d'interrogation ? Des astérisques ? Des accolades ? Autre chose ?

Halte à la course aux armements ! La réponse n'est pas aux limites de la chaîne mais à l'intérieur.

Repartons du dernier exemple, encadré par des apostrophes simples :

 <img src="gnagna/pschit.jpg" title='"Arroseur arrosé" (Tartempion)' /> Survolez 

C'est pour ajouter une apostrophe simple à l'intérieur qu'il faut ruser : cette apostrophe s'écrira &rsquo; (pas de  t  à la fin !) et un HTML correct sera

 <img src="gnagna/pschit.jpg" title='"L&rsquo;arroseur arrosé" (Tartempion)' /> Survolez 

Si, inversement, on a encadré par des apostrophes doubles, ce sont les apostrophes doubles  véritables  qui demandent de ruser. On les note &quot; et le HTML devient

 <img src="gnagna/pschit.jpg" title="&quot;L'arroseur arrosé&quot; (Tartempion)" />Survolez 

Et c'est fini pour aujourd'hui.


En pratique :

  1. choisissez un délimiteur préféré et restez-y fidèle même lorsque vous avez le choix. Ainsi vous n'aurez à retenir qu'une seule astuce et pas deux. Je vous conseille l'apostrophe double, simplement parce que c'est la plus répandue et que &quot; est plus parlant que &rsquo; : que signifie ce  rs  ? et à tous les coups vous ajouterez machinalement un  t  à la fin.
  2. ne changez éventuellement de style que lorsque votre texte comporte des apostrophes de votre style habituel, seulement celles-là, et que vous vous sentez une grosse flemme : vous serez dispensé d'utiliser un &truc; toujours un peu délicat.
  3. enfin, si vous devez insérer les deux sortes d'apostrophes, revenez à votre style préféré et employez l'astuce correspondante.

C'est ainsi, je crois, que vous réduirez les complications à leur minimum.


commentaires

Anna 04/05/2010 14:46


J'ai enfin eu l'occasion de me servir de ton truc ; merci !


AïmD! 07/05/2010 12:01



Oh mais oh mai oh mais ... Y a jamais rin d'inutile dans ce que j'écris, jamais rin ! !



Boobalechat 03/02/2010 00:34


Bien bien, bon j'ai une question parce qu'a force de pédaler avec l'éditeur OB on en oublie qu'il n'est pas non plus le mètre étalon de la syntaxe html...

Si je flanque tout simplement
title='Arroseur arrose(Tartempion)' dans l'éditeur OB ce dernier me le transforme direct en
title="Arroseur arrose(Tartempion)"

Alors que si je monte un page web avec dreamweaver et que je colle la 1ere syntaxe mon infobulle fonctionne parfaitement....

Donc la question tant attendue:

C'est l'éditeur OB qui fait du zèle (m'etonnerait pas) ou dreamweaver qui est laxiste ?

plus serieusement:

Y'a t'il une importance ou une standardisation à mettre des " plutôt que des ' -ou vice-versa- (si on ne veut pas flanquer a l'intérieur d'autre guillemets) de chaque coté du title,ou c'est au bon
vouloir de chacun?


AïmD ! 03/02/2010 01:20


C'est une bonne question, partie d'une bonne remarque : l'éditeur OB n'est pas le mètre étalon. Il s'efforce seulement d'avoir l'estomac solide, de fabriquer de la syntaxe correcte et économe à
partir de ce que lui font ingurgiter les auteurs de blog, qui ne font pas toujours correct ni économe.
Si tu me dis qu'il transforme les apostrophes simples en double, je te crois !
Il n'y a, en théorie, aucune importance à mettre des simples plutôt que des doubles (à condition, tout de même, d'utiliser le même caractère aux deux bouts de la chaîne).
Donc c'est l'éditeur qui fait du zèle, en se conformant à l'usage sans doute le plus répandu. Peut-être aussi en se fondant sur le fait que les titres, au moins en français, comportent plus souvent
des apostrophes simples (élisions diverses) que doubles.
Note : je viens d'aller voir l'exemple que je donne entre apostrophes simples : le bouton "survolez", qui était une application directe de l'exemple, a en effet été transformé par l'éditeur OB, et
très proprement ! Les apostrophes simples d'encadrement sont devenues doubles et les apostrophes doubles dans le texte sont devenues des " . Ce qui veut dire que tu peux utiliser les
apostrophes simples quand elles te rendent service : l'éditeur les remettra ensuite à son goût, mais sans trahison.


Archives