Introducción al artículo de Wulin.com (www.vevb.com): ¡Los estándares web están llenos de bofetadas en la cara, y esta regla ahora ha expirado! Un mes después de que se publicó el artículo, HTML5Doctor publicó enlaces "a nivel de bloque" en HTML5. Para citar, era lo que originalmente querías escribir.
Se llama enlaces a nivel de bloque en inglés. Pensé que solo las plumas de pájaros en mi fábrica no sabían, pero no esperaba que hubiera muchas personas que no sabían y necesitaban ser popularizadas.
Desafortunadamente, los estándares web están llenos de bofetadas en la cara, ¡y esta regla ahora ha expirado! Un mes después de que se publicó el artículo, HTML5Doctor publicó enlaces a nivel de bloque en HTML5. Déjame citarlo, originalmente fue escrito así:
<Div class = Story>
<h3> <a href = story1.html> Bruce Lawson votó al hombre más sexy en la tierra </a> </h3>
<p> <a href = story1.html> <img src = bruce.jpg alt = historia completa. /> Un Congreso que representa a todas las mujeres del planeta votó por unanimidad a Bruce Lawson como un hombre más sexy vivo. </a> </p>
<p> <a href = story1.html> Leer más </a> </p>
</div>
Ahora esto es lo que puedes escribir en html5
<Artículo>
<a href = story1.html>
<h3> Bruce Lawson votó al hombre más sexy en la tierra </h3>
<p> <img src = bruce.jpg alt = magnífico bucle. > Un Congreso que representa a todas las mujeres del planeta votó por unanimidad a Bruce Lawson como un hombre más sexy vivo. </p>
<p> Leer más </p>
</a>
</artículo>
Desde la perspectiva de la accesibilidad, solo se agrega el texto de descripción alternativo de la imagen (proporciona información más detallada para los lectores de pantalla), sin crear artificialmente muchas A redundantes. Una de las ideas de HTML5 es el pragmatismo, y en términos de hoy es con los pies en la tierra, um ~
Aunque este método de escritura no es compatible hacia adelante, las pruebas del médico HTML5 muestran que los navegadores convencionales lo admiten, es decir:
¡Usted y sus amigos ahora pueden usarlo en el proyecto!
Para ser compatible con errores de tipo Hand Ie6/7, debe agregar código como este en RESET.CSS:
1 A Div, A H3, AP, ... {#Cursor: Hand}