[HTML] Utilisation des balises CODE, SAMP, VAR et TT

Utilisation des balises CODE, SAMP, VAR et TT [HTML] - HTML/CSS - Programmation

Marsh Posté le 18-11-2003 à 11:25:14    

La recommandation HTML 4.01 me permet l'utilisation de ces cinq balises : code, samp, kbd, var et tt.
 
Je n'arrive pas à voir la différence précise entre les quatre premiers principalement.
 
CODE:  
Designates a fragment of computer code.  
SAMP:  
Designates sample output from programs, scripts, etc.  
KBD:  
Indicates text to be entered by the user.  
VAR:  
Indicates an instance of a variable or program argument.
 
ça me parait pas top adapté ?


---------------
Le site de ma maman
Reply

Marsh Posté le 18-11-2003 à 11:25:14   

Reply

Marsh Posté le 18-11-2003 à 11:42:26    

Il me semble que cette famille de tags n'est pas très adaptée à un client visuel mais plutôt destinée à des synthétiseurs vocaux.


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 18-11-2003 à 11:55:05    

Bien possible. Ah ! que ça m'embête ce genre de trucs. Entre CODE et SAMP, par exemple, ça a l'air d'être kif. Si on considère que l'utilisateur doit taper le code source qu'on lui montre, CODE et KBD sont similaires aussi...
 
D'ailleurs j'ai vu sur google un truc comme ça :
 
<pre><code>...</code></pre>
 
C'est légal ça ?


---------------
Le site de ma maman
Reply

Marsh Posté le 18-11-2003 à 12:02:44    

Je sais pas si c'est légal ton truc, mais ton interprétation est capilotractée...
Du texte dans une balise CODE, c'est du code si tu veux illuster ton propos qui parle d'un algo par exemple.
Mais si tu parle d'un éditeur de texte et que ton exemple est un bout de code, ben là c'est KBD qu'il faut utiliser :D


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 18-11-2003 à 12:13:57    

C'est une question de semantique. Un heritage des vielles version du HTML ou l'on ajoutait des balises à tour de bras. Maintenant un prefereras des balises p ou div avec une classe adaptée je pense.

Reply

Marsh Posté le 18-11-2003 à 12:13:59    

Et si j'écris :
 

Citation :

Je travaille dans C:\Toto.


 
Comment je me l'encadre mon C:\Toto. Rien ne me convient dans ce cas. Il n'y a pas la balise "affichage d'informations"... à part tt finalement. ça me saoule (je sais plus où est l'accent) de pas être sûr de mes choix. Avec HTML, c'est toujours pareil.


---------------
Le site de ma maman
Reply

Marsh Posté le 18-11-2003 à 12:15:38    

Kristoph a écrit :

C'est une question de semantique. Un heritage des vielles version du HTML ou l'on ajoutait des balises à tour de bras. Maintenant un prefereras des balises p ou div avec une classe adaptée je pense.


Ben justement je suis pas sûr que ce soit un héritage lourd. Personne ne s'en sert, et chacun invente son div ou son span qui va bien. Seulement comme tu le soulignes, ces éléments apportent avec eux une sémantique, mais qui n'est pas claire, qui n'est pas assez fournie en exemple. Du coup, je ne sais pas quoi sélectionner comme balise.


---------------
Le site de ma maman
Reply

Marsh Posté le 18-11-2003 à 12:19:24    

Cherrytree a écrit :

Et si j'écris :
 

Citation :

Je travaille dans C:\Toto.


 
Comment je me l'encadre mon C:\Toto. Rien ne me convient dans ce cas. Il n'y a pas la balise "affichage d'informations"... à part tt finalement. ça me saoule (je sais plus où est l'accent) de pas être sûr de mes choix. Avec HTML, c'est toujours pareil.


 
Considère que c'est la sortie de la command pwd comme sous Unix et utilises SAMP :D

Reply

Marsh Posté le 18-11-2003 à 12:21:05    

Kristoph a écrit :

C'est une question de semantique. Un heritage des vielles version du HTML ou l'on ajoutait des balises à tour de bras. Maintenant un prefereras des balises p ou div avec une classe adaptée je pense.


 
Mon dieu  :sweat:

Reply

Marsh Posté le 18-11-2003 à 12:30:08    

fastclemmy a écrit :


 
Mon dieu  :sweat:  


 
Bon, en XHTML on, prefereras se créer une DTD custom qui ajoute les nouvelles balises voulues pour exprimer la semantique du document presenté :)

Reply

Marsh Posté le 18-11-2003 à 12:30:08   

Reply

Marsh Posté le 18-11-2003 à 12:42:27    

Cherrytree a écrit :

La recommandation HTML 4.01 me permet l'utilisation de ces cinq balises : code, samp, kbd, var et tt.
 
Je n'arrive pas à voir la différence précise entre les quatre premiers principalement.
 
CODE:  
Designates a fragment of computer code.  
SAMP:  
Designates sample output from programs, scripts, etc.  
KBD:  
Indicates text to be entered by the user.  
VAR:  
Indicates an instance of a variable or program argument.
 
ça me parait pas top adapté ?


 
Un exemple?
 
Pour afficher la liste des fichiers d'un répoertoire, taper la ligne de commande suivante :<br />
<kbd>dir <var>-p</var></kbd><br />
ce qui vous donnera le résultat suivant :<br />
<samp>..<br />
Program Files<br />
WinNT</samp><br />
Pour les plus curieux, voici le code de la fonction <tt>dir</tt> :<br />
<code>blablabla</code>

Reply

Marsh Posté le 18-11-2003 à 12:43:38    

Kristoph a écrit :


 
Bon, en XHTML on, prefereras se créer une DTD custom qui ajoute les nouvelles balises voulues pour exprimer la semantique du document presenté :)
 


En XML, oui. En HTML, on préferrera utiliser les balises existantes pour faciliter l'accès à toute personne et à tout browser.

Reply

Marsh Posté le 18-11-2003 à 12:50:56    

gizmo a écrit :


 
Un exemple?
 
Pour afficher la liste des fichiers d'un répoertoire, taper la ligne de commande suivante :<br />
<kbd>dir <var>-p</var></kbd><br />
ce qui vous donnera le résultat suivant :<br />
<samp>..<br />
Program Files<br />
WinNT</samp><br />


Jusque là, je suis.

gizmo a écrit :


Pour les plus curieux, voici le code de la fonction <tt>dir</tt> :<br />
<code>blablabla</code>

là par contre, je suis paumé. Qu'exprimes-tu par tt (à par teletubbies, hein !)


---------------
Le site de ma maman
Reply

Marsh Posté le 18-11-2003 à 12:55:03    

j'exprime simplement que le nom de la fonction doit être visuellement en monospace. Le tt c'est comme le pre mais en inline, c'est purement décoratif et n'a pas de valeur sémantique.

Reply

Marsh Posté le 18-11-2003 à 12:59:12    

OK, c'est plus clair maintenant.
 
Sinon, pour la construction <pre><code>...</code></pre>, t'en dis quoi ?


---------------
Le site de ma maman
Reply

Marsh Posté le 18-11-2003 à 13:17:14    

que le type qui a fait cela a simplement voulu s'éviter de taper des <br /> pour son rendu visuel, au détriment du rendu sémantique.


Message édité par gizmo le 18-11-2003 à 13:17:31
Reply

Marsh Posté le 18-11-2003 à 13:42:33    

...
Faut que je réfléchisse là.
...


---------------
Le site de ma maman
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed