5568 sujets

Sémantique web et HTML

Bonjour quelqu'un aurait des infos sur cette balise pour le xhtml ?
J'ai essayez de trouver des infos mais pas beaucoup de news à par <hr /> est valide théoriquement en xhtml mais en xhtml strict ça passe par dans le validateur Smiley lol
Si quelqu'un aurait un petit tuto merci Smiley biggrin

Pour la balise lh je ne vois plus d'infos passé Html 4 existe-t-il une balise qui remplace celle-ci ?
Sinon un petit h et quelques CSS j'avais penser Smiley lol

Existe-t-il sur le web une liste des balises css que l'on pourrait imprimer un peu comme sur le livre de Raphaël Goetter ?



Merci beaucoup d'avance Smiley biggrin

ps : si un modo peu le déplacer à côté :
http://forum.alsacreations.com/forum.php?action=t&fid=2
Pardon Smiley confused
Modifié par Madrileno (10 Oct 2005 - 22:41)
Administrateur
Madrileno a écrit :
Bonjour quelqu'un aurait des infos sur cette balise pour le xhtml ?
J'ai essayez de trouver des infos mais pas beaucoup de news à par <hr /> est valide théoriquement en xhtml mais en xhtml strict ça passe par dans le validateur Smiley lol

Hello,

<hr /> est tout à fait valide en XHTML Strict.
Elle designe une séparation structurelle.

a écrit :
Pour la balise lh je ne vois plus d'infos passé Html 4 existe-t-il une balise qui remplace celle-ci ?

<lh> a fait une brève apparition dans le working draft (projet) de la spécification HTML 3.0, mais n'a pas été retenu au final.
XHTML 2.0 va introduire une nouvelle balise qui aura cette fonction : <ln>

a écrit :
Existe-t-il sur le web une liste des balises css que l'on pourrait imprimer un peu comme sur le livre de Raphaël Goetter ?

"balise CSS" est un peu contradictoire. Que cherches-tu ?
- les propriétés CSS ?
- les balises HTML ?

Ce sont deux choses très différentes.


Rapidement, en faisant un tour dans les Ressources, voici les listes des balises (x)HTML :
- http://www.la-grange.net/w3c/html4.01/index/elements.html
- http://giminik.developpez.com/xhtml/

Et pour les propriétés CSS :
- http://wiki.media-box.net/documentation/css
- http://www.yoyodesign.org/doc/w3c/css2/propidx.html
Modifié par Raphael (10 Oct 2005 - 23:17)
Raphael a écrit :

Hello,

<hr /> est tout à fait valide en XHTML Strict.
Elle designe une séparation structurelle.


Pas tout à fait.

En premier lieu, le fait d'utiliser une balise unique comme séparateur n'est pas vraiment conforme à la logique SGML. En SGML, en effet, les éléments contiennent le contenu (sic) et sont des délimiteurs plutôt que des séparateurs. Autrement dit, deux sections d'un document seront, du point de vue SGML, parfaitement définies par <div>...</div><div>...<div> et non par ...<hr>....

En second lieu, hr a suivi une évolution méconnue au fil des versions HTML :
- HTML2.0 le définissait comme Une séparation entre des sections de texte, typiquement rendue par une ligne horizontale, ou son équivalent graphique
- HTML 3.2 lui conserve une fonction séparatrice : Les règles horizontales peuvent être utilisées pour indiquer un changement de sujet. Dans un agent utilisateur vocal, elles pourront être rendues par une pause
- HTML4.01 en fait un élément présentatif pur: L'élément HR entraîne la restitution d'une règle horizontale par l'agent utilisateur.

<hr> est finalement bien en XHTML un élément de présentation. L'amusant étant que cela n'enlève rien à son utilité, et ne conduit absolument pas à en déconseiller l'usage, au contraire : <hr />est une excellente balise de présentation Smiley cligne

La séparation de la structure et de la présentation... ménage des surprises : un zest de présentation dans votre structure peut être extrêmement bénéfique. Quand on vous dit qu'HTML-XHTML1.0 sont des formats concrets ! Smiley ravi
Modifié par Laurent Denis (11 Oct 2005 - 06:13)
Administrateur
Merci beaucoup Laurent pour ces informations fournies.

Je reste dubitatif sur cette affirmation :
Laurent Denis a écrit :
La séparation de la structure et de la présentation... ménage des surprises : un zest de présentation dans votre structure peut être extrêmement bénéfique.

Loin d'être sceptique, j'ai effectivement du mal à comprendre en quoi ce mélange peut être bénéfique en pratique (il s'agit d'inclure des éléments tels que HR, B, I, etc. je suppose ?).
Peux-tu aller un peu plus loin dans le raisonnement si tu as un moment ?
Travaillons tranquillement au cas par cas. Nous sommes dans des recoins ambigus d'HTML4.01, fruits d'un compromis nécessaire mais très mou.

<hr> : cas le plus simple. Un <hr>, présentatif plutôt que structurel, bénéficie :
- aux utilisateurs de navigateurs graphiques sans support CSS (anciens, désactivé, remplacé par une CSS user...)
- aux utilisateurs de navigateurs textes
- aux utilisateurs de navigateurs vocaux, à l'avenir (signal sonore ou message via CSS speech sur le hr)
- à l'impression du document CSS désactivée

<br> est une rustine utile un peu partout. Il évite aux tableaux de se casser la figure, par exemple.

<b> ne sert à rien. <i> est en revanche utile dans la mesure où un seul degré de singularité d'un texte est le plus souvent nécessaire. Cas-type: je ne veux pas une emphase (ça n'est pas un mot-clé du document), mais je veux marquer un sens spécifique (un double-sens, un calembour, une allusion, un mot détourné, etc) sur ce contenu. Et je ne veux/ne peux pas le gérer à l'aide de guillemets dans le contenu, ce qui est parfois tout à fait justifié.
Modifié par Laurent Denis (11 Oct 2005 - 15:44)
Raphael a écrit :

<lh> a fait une brève apparition dans le working draft (projet) de la spécification HTML 3.0, mais n'a pas été retenu au final.
XHTML 2.0 va introduire une nouvelle balise qui aura cette fonction : <ln>

Merci pour l'info Smiley cligne


Raphael a écrit :
"balise CSS" est un peu contradictoire. Que cherches-tu ?
- les propriétés CSS ?
- les balises HTML ?

Ce sont deux choses très différentes.

Désoler je me suis mélanger Smiley confused



Raphael a écrit :
Rapidement, en faisant un tour dans les Ressources, voici les listes des balises (x)HTML :
- http://www.la-grange.net/w3c/html4.01/index/elements.html
- http://giminik.developpez.com/xhtml/

Et pour les propriétés CSS :
- http://wiki.media-box.net/documentation/css
- http://www.yoyodesign.org/doc/w3c/css2/propidx.html

Merci beaucoup c'est bien ce que je cherchais Smiley lol

Laurent Denis a écrit :

<hr> est finalement bien en XHTML un élément de présentation. L'amusant étant que cela n'enlève rien à son utilité, et ne conduit absolument pas à en déconseiller l'usage, au contraire : <hr />est une excellente balise de présentation Smiley cligne

Merci pour l'info détaillée sur les posts précédents et ce résumer qui me plait Smiley biggrin

Pourriez vous m'indiquez aussi l'équivalent de <u> pour souligner juste un mot en xhtml dans une phrase ( j'ai vu des articles mais ils demandent à chaque fois de faire un div Smiley eek je vous rassure c'était pas sur alsa et j'ai rien trouver sur cette ancienne balise 4.01 en xhtml sur le site ) j'ai beau tester la balise <u> sous xhtml strict elle passe pas Smiley sweatdrop

Merci beaucoup d'avance Smiley cligne et Merci encore de vos réponses Smiley cligne
ps : Merci Raphaël pour avoir déplacer le sujet au bon endroit Smiley cligne
Modifié par Madrileno (11 Oct 2005 - 17:04)
Tu peux utiliser ça dans un span
text-decoration: underline;


Il semblerait que visuellement il vaut mieux ne pas utiliser le soulignement, qui indique généralement un lien ce qui peut induire en erreur les personnes ayant leurs facultés visuels (mais pas un lecteur d'écran, pour une fois que les voyants sont moins bien lotis que les non-voyants, il faut le souligner)...

Ce qui ne m'empêche pas de le faire pour ressembler à mon original papier (pages compte-rendus de conseils municipaux par exemple) mais va falloir que je me soigne Smiley biggol
Bonjour,

text-decoration: underline, qui peut porter sur n'importe quel élément HTML, est en effet tout simplement fait pour cela.

Mais effectivement, attention à ce que la différenciation des liens ne soit pas parasitée.

Ce qui nous amène à:

Opquast a écrit :
Le soulignement est réservé aux hyperliens.


( http://www.opquast.com/bonnes-pratiques/?niveau=1 )
Modifié par Laurent Denis (11 Oct 2005 - 17:52)
D'ailleurs, les hyperliens étant de plus en plus affichés "n'importe comment" (rien devenant zone de couleurs, boutons...) est-ce que cette pratiques a encore un sens ?

Je m'explique: si on a le CSS, on aura des liens "n'importe comment" et un texte souligné, si on a pas le CSS, on aura les liens soulignés et pas de texte souligné...

Il va naturellement de soi qu'à l'intérieur d'un site, le souligné n'est [b]JAMAIS[/i] un lien dans le design avec CSS
Le fait que CSS permette d'indiquer les liens de multiples manières sans passer par le soulignement traditionnel ne change pas le fond du problème.

En effet, quelque-soit le mode de présentation des liens dans une page, le fait qu'un texte soit souligné suggère à l'utilisateur qu'il s'agit d'un lien. D'où des incompréhensions, hésitations, etc. Surtout lorsque le contenu souligné pourrait très bien, fonctionnellement, être un lien, ce qui est fréquent. Bref, on demande à l'utilisateur de s'adapter au design, au lieu de permettre l'inverse.

Lorsque les liens sont par ailleurs indiqués via le soulignement, la seule différence entre liens et texte souligné devient la couleur... Ce qui est problématique pour l'accessibilité.

D'où cette bonne pratique :
- les liens ne sont pas obligatoirement soulignés (tant qu'ils sont perceptible sans dépendre de la couleur, etc)
- mais aucun autre contenu que les liens ne doit être souligné
Merci Laurent Denis mais ne vous inquiéter pas les soulignement c'était juste pour la culture générale j'essaye de trouver le mieux pour l'accessibilité tant qu'on me laisse le choix Smiley biggrin

Merci Bob (MC Melun) pour les détails et les réponses rapides Smiley biggrin