Nuevas posibilidades con los enlaces

Los enlaces ya pueden contener cualquier elemento de tipo bloque, como divisiones (<div>) y objetos de lista (<li>).

De este modo, el siguiente código es válido en HTML5, mientras que no lo era en HTML 4.0.


<!DOCTYPE html> 
<html lang="es"> 
<head> 
<title>Html5</title> 
<style> 
div { width: 280px;  
      height: 100px; 
      border: 1px solid black; 
      padding-left: 3px;} 
a { text-decoration: none; 
    color: black;} 
</style> 
<meta charset="UTF-8"> 
</head> 
<body> 
<p>Haga clic en el extracto para leer el texto completo.</p> 
<a href="pagina2.htm"> 
<div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed 
non risus. Suspendisse lectus tortor, dignissim sit amet, 
adipiscing nec, ultricies sed, dolor. Cras elementum ultrices 
diam...</div> 
</a> 
</body> 
</html>
 
images/CAP05IMG06.png

El cursor con forma de mano indica la existencia de un enlace sobre el conjunto de la división.

¡Con el riesgo de desconcertar al usuario cuando esto se implemente!

Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Descripción acerca del enlace
Siguiente
Preámbulo