Auteur
olivier56
#
43 Posts
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)

.karamasov + .karamasov[href=""]:before {content:"Aucun lien, fils unique";}

^
thierry
#
446 Posts
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)

^
olivier56
#
43 Posts
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.

.karamasov + .karamasov[href=""]:before {content:"Aucun lien, fils unique";}

^
Victor BRITO
#
Ne m'enterrez pas encore
3028 Posts
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.

Les frameworks CSS et les plug-ins jQuery ne sont pas les solutions

^
Kaelig
#
84 Posts
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).

^