dijous, 21 de novembre del 2013

HTML. Links (2). Àncores a la mateixa pàgina

A vegades tenim documents molt grans que ens interessa navegar per dintre el document i ens cal afegir un link dins del mateix document
A aquest concepte anomenemt "àncora".

Per aconseguir aquest efecte, usem l'atribut name de l'etiqueta <a>
La seva sintaxi és 
<a name=nomàncora>
Després per fer-la sevir caldrà usar el nom amb el símbol #
Per exemple
Situem una etiqueta <a name="C3"></a> on volem situar l'àncora. Després per crear el link usem  <a href="#C3">Part 3</a>

 <!DOCTYPE html>
<html>
<body>

<p>
<a href="#C3">Part 3</a>
</p>

<h2>Part 1</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc purus lectus, molestie vitae sem vitae, consectetur malesuada nulla.</p>

<h2>Part 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc purus lectus, molestie vitae sem vitae, consectetur malesuada nulla.</p>

<h2><a name="C3">Part 3</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc purus lectus, molestie vitae sem vitae, consectetur malesuada nulla.</p>


</body>
</html>

 
I el resultat:


Aquí teniu un exemple per provar


Cap comentari:

Publica un comentari a l'entrada