Índice

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!