5568 sujets

Sémantique web et HTML

Pages :
Bonjour,

Une petite question me traverse l'esprit à propos d'un usage correct d'object: est-il préférable de baliser sémantiquement le contenu de l'alternative ou l'objet lui-même?


<p>
	<object type="image/png" data="title.png">
		<h1>Hello world</h1>
	</object>
</p>


<h1>
	<object type="image/png" data="title.png">
		Hello world
	</object>
</h1>


Merci!
B.
Modérateur
Salut, Smiley smile

Etant donné qu'on a la possibilité de baliser l'alternative d'un objet, pourquoi s'en priver ?

Bon... cela dit, l'imbrication p > object > h1 risque de te poser quelques problèmes de validité. Smiley langue
Je dirais même plus : si le contenu de l'objet est lui-même structuré (ne serait-ce que visuellement, par la présence de texte mis en gras par exemple dans un Flash...), alors l'alternative doit reproduire cette structure.
Modifié par Gilles (29 Jan 2009 - 12:43)
Merci à tous les deux pour votre réponse!

koala64 a écrit :

Bon... cela dit, l'imbrication p > object > h1 risque de te poser quelques problèmes de validité.
Pourquoi donc? À mois que j'ai loupé quelque chose, c'est parfaitement valide.
Patidou a écrit :
Le validateur accepte un <h1> dans un <p>?

Ce n'est pas un h1 dans un p, mais un h1 dans un object. Le p ne fait qu'office de conteneur de type block pour object au cas où il serait inscrit directement dans body.
Bien que ce soit parfaitement valide, si cela vous embête, remplacez-le par une division… Smiley cligne
Gilles a écrit :
Je dirais même plus : si le contenu de l'objet est lui-même structuré (ne serait-ce que visuellement, par la présence de texte mis en gras par exemple dans un Flash...), alors l'alternative doit reproduire cette structure.

Hé bien oui mais dans les deux cas, ce contenu alternatif est structuré plus ou moins directement. Tu peux jeter un œil dans Opera par exemple en désactivant les images pour te faire une idée "visuelle" du traitement du texte alternatif.
Benjamin D.C. a écrit :

Hé bien oui mais dans les deux cas, ce contenu alternatif est structuré plus ou moins directement. Tu peux jeter un œil dans Opera par exemple en désactivant les images pour te faire une idée "visuelle" du traitement du texte alternatif.


Mais justement, il s'agit d'une idée visuelle. Quid dans ce cas de ce qui est restitué aux outils de consultation non graphiques ? Utilise le balisage sémantique à chaque fois que cela est possible...
Gilles a écrit :
Mais justement, il s'agit d'une idée visuelle. Quid dans ce cas de ce qui est restitué aux outils de consultation non graphiques ?
Justement, je pose la question.

Gilles a écrit :
Utilise le balisage sémantique à chaque fois que cela est possible...

Dans ce cas, l'élément graphique étant bel et bien le titre de section, c'est la seconde solution qu'il faudrait privilégier… Je me vois mal écrire quelque chose du type:

<h1>
	<object type="image/png" data="title.png">
		<h1>Hello world</h1>
	</object>
</h1>
Aaaaah! Je comprends mieux ta question avec cet exemple-là Smiley cligne

Je me plaçais dans le cas général...

Du coup, je n'ai pas de réponse Smiley lol , désolé Smiley sweatdrop .

Il faudrait vérifier ce que restitue un lecteur d'écran, et je n'en ai pas sous la main en ce moment...
Gilles a écrit :
Aaaaah! Je comprends mieux ta question avec cet exemple-là Smiley cligne

Oui c'était peut-être pas très clair effectivement… Smiley cligne

Gilles a écrit :
Du coup, je n'ai pas de réponse Smiley lol , désolé Smiley sweatdrop .

Il faudrait vérifier ce que restitue un lecteur d'écran, et je n'en ai pas sous la main en ce moment...

Moi non plus, donc si une âme charitable passe par là… Smiley smile
<mode type="chieur de service">

La «balise object» n'existe pas. Attention aux mots utilisés, vocabulaire tousssa.

(Et je ferme pas la balise ci-dessus, parce que j'ai pas l'intention de quitter ce mode. Smiley lol )
bonsoir,

Object : generic embebded element

Envelopper (wrap) un objet avec une balise titre me semble peu ...orthodoxe!
Le contenu alternatif me semble devoir être bien formé ne fusse que pour un accès DOM à ses éléments.

Cela me semble plus logique une lecture :
a écrit :

object : afficher image si possible
sinon afficher le titre de celle-ci
fin object


que :
a écrit :

titre :
balise objet : afficher image si possible
sinon afficher String
fermer balise object
fin titre



..mais c'est une réflexion du dimanche aussi Smiley langue
Florent V. a écrit :
La «balise object» n'existe pas.

Ok Florent, l'élément object ou la balise <object>Smiley rolleyes

kzone a écrit :
Envelopper (wrap) un objet avec une balise titre me semble peu ...orthodoxe!

C'est discutable car mon image (un logo par exemple) représente bien le titre et devrait donc être balisée en tant que tel. La question n'a pas été souvent soulevée puisqu'avec <img> il n'y a pas d'alternative structurée, contrairement à <object>…
Alors pour le code HTML acceptable, ça c'est bien:
<object type="image/png" data="title.png">
	<h1>Hello world</h1>
</object>

Ça aussi:
<h1>
	<object type="image/png" data="title.png">
		Hello world
	</object>
</h1>

Après c'est kif-kif, on s'en fout un peu en fait de celui qu'il est mieux que l'autre. Se prononcer pour l'un ou l'autre dépendra uniquement des questions de compatibilité, de rendu par tel ou tel UA, etc.

Ça par contre c'est pas terrible, même si c'est valide grâce à l'élément magique OBJECT. Smiley langue
<p>
	<object type="image/png" data="title.png">
		<h1>Hello world</h1>
	</object>
</p>
(C'est valide, mais ça défie un peu la logique du «pas d'élément de type bloc dans un paragraphe». On peut lancer un débat d'expert sur la lettre et l'esprit de la recommandation, mais bon...)
Florent V. a écrit :
Après c'est kif-kif, on s'en fout un peu en fait de celui qu'il est mieux que l'autre. Se prononcer pour l'un ou l'autre dépendra uniquement des questions de compatibilité, de rendu par tel ou tel UA, etc.

Tout à fait et c'est précisément la nature de ma question car à priori, il n'y a pas de "meilleure syntaxe" entre mes diverses propositions.
Benjamin D.C. a écrit :

il n'y a pas de "meilleure syntaxe" entre mes diverses propositions.

pas mieux ... Smiley cligne
Modifié par kzone (05 Feb 2009 - 22:22)
La nuance est fine mais tant qu'à faire, puisque l'image "représente" un objet-titre, il peut être préférable qu'elle dépende de <h1> plutôt qu'elle le contienne ?
Pages :