4548 sujets

Sémantique web et HTML

Bonjour,
peut-on englober des balises de type display-block (h1,div...) avec un <a href=""> en HTML5 ?

Je ne trouve aucune explication, ni sur le forum ni dans la publication du W3C.

Par contre, ceci ne passe pas la validation :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>titre</title>
</head>
<body>
<a href="#">
	<h1>titre</h1>
	<p>test</p>
</a>
</body>
</html>


Tandis que ceci est valide :

<!DOCTYPE html>
<html>
<head>
<title>titre</title>
</head>
<body>
<a href="#">
	<h1>titre</h1>
	<p>test</p>
</a>
</body>
</html>


Merci d'avance pour votre aide. Cordialement.
Modifié par olivier56 (27 Feb 2012 - 09:32)
olivier56
a écrit :
Bonjour,
peut-on englober des balises de type display-block (h1,div...) avec un <a href=""> en HTML5 ?


Oui.

Voir l'article HTML5 se dévoile, sur Alsacréations.
Modifié par thierry (27 Feb 2012 - 09:06)
Merci, j'ai pourtant lu cette page plusieurs fois... Smiley confused

Comme quoi, on est juste "un globe oculaire et un pouce" quand on surf aujourd'hui.
Salut,

Le HTML 5 offre, en effet, la possibilité d'englober un ou plusieurs éléments de type bloc dans un élément a ; mais, ce n'est pas sans poser des problèmes d'accessibilité résumés sur 456 Berea Street.
Accessoirement, ça pose aussi des problèmes au niveau des hitbox sous IE (fais le test, tu verras que les blocs à l'intérieur ne sont pas forcément cliquables ou n'affichent pas le bon curseur).