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
#
445 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
3019 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.

En campagne contre la balkanisation du Web, pour rappeler qu'il existe un seul Web
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).

^