Introduction de l'article de wulin.com (www.vevb.com): Les normes Web sont pleines de gifle en face, et cette règle a maintenant expiré! Un mois après la publication de l'article, HTML5Doctor a publié les liens "au niveau de bloc" dans HTML5. Pour citer, c'était ce que vous vouliez à l'origine écrire.
Il s'appelle les liens au niveau des blocs en anglais. Je pensais que seules les plumes d'oiseaux de mon usine ne le savaient pas, mais je ne m'attendais pas à ce qu'il y ait beaucoup de gens qui ne savaient pas et devaient être popularisés.
Malheureusement, les normes Web sont pleines de gifles en face, et cette règle a maintenant expiré! Un mois après la publication de l'article, HTML5Doctor a publié des liens au niveau des blocs dans HTML5. Permettez-moi de le citer, il a été écrit à l'origine comme ceci:
<div class = story>
<h3> <a href = story1.html> Bruce Lawson a voté l'homme le plus sexy sur terre </a> </h3>
<p> <a href = story1.html> <img src = bruce.jpg alt = histoire complète. /> Un congrès représentant toutes les femmes de la planète a voté à l'unanimité Bruce Lawson comme homme le plus sexy vivant. </a> </p>
<p> <a href = story1.html> En savoir plus </a> </p>
</div>
Maintenant, c'est ce que vous pouvez écrire dans html5
<Re article>
<a href = story1.html>
<h3> Bruce Lawson a voté le plus sexy de l'homme du Terre </H3>
<p> <img src = bruce.jpg alt = magnifique roybundle. > Un congrès représentant toutes les femmes de la planète a voté à l'unanimité Bruce Lawson comme homme le plus sexy vivant. </p>
<p> Lire la suite </p>
</a>
</article>
Du point de vue de l'accessibilité, seul le texte de description ALT de l'image est ajouté (fournissant des informations plus détaillées pour les lecteurs d'écran), sans créer artificiellement de nombreux lits A! L'une des idées de HTML5 est le pragmatisme, et en termes d'aujourd'hui, il est terre-à-terre, euh ~
Bien que cette méthode d'écriture ne soit pas compatible en avant, les tests par le docteur HTML5 montrent que les navigateurs grand public le soutiennent, c'est-à-dire:
Vous et vos amis pouvez désormais l'utiliser dans le projet!
Afin d'être compatible avec les bogues de type Hands IE6 / 7, vous devez ajouter du code comme celui-ci dans reset.css:
1 A div, a h3, ap, ... {# curseur: main}