View source for Anchor

{{nota disambigua}}
{{C|Ma un'ancora non può essere sia l'origine sia la destinazione sia entrambe di un collegamento ipertestuale? Nella voce non si capisce molto in proposito: "creare un link"|informatica|marzo 2012}}
Un '''anchor''' è un oggetto appartenente alla definizione del [[Document Object Model]] (DOM) di un documento [[HTML]] e permette di definire il testo di un [[collegamento ipertestuale]]. Il nome deriva proprio dal fatto che questo testo fa da "ancora" al collegamento e ne specifica solitamente il contenuto.

==Proprietà==
#accessKey Imposta un tasto per accedere al link tramite tastiera
#charset Imposta o ritorna il set di caratteri utilizzato dalla risorsa
#coords Imposta o ritorna il valore delle coordinate di un'area sensibile
#href Setta o imposta un URL da linkare all'oggetto
#hreflang Setta o imposta il codice del linguaggio utilizzatto dalla risorsa
#id Imposta o ritorna il valore dell'id dell'oggetto
#innerHTML Setta o ritorna il valore del testo del link
#name Imposta o ritorna il nome del link
#rel Imposta o ritorna una relazione tra il documento e l'URL di target
#shape Setta o ritorna il valore di un'area attivata con le coordinate impostate nella proprietà coords
#tabIndex TabIndex dell'oggetto da impostare o leggere
#target Imposta il target del link, che può essere dentro o fuori la pagina dove si trova il link stesso
#type 	Imposta o ritorna il valore del MIME utilizzato dalla risorsa linkata

==Metodi==
(sono tutti ereditati dall'oggetto Object)

==Eventi==

Tra gli eventi più diffusamente utilizzati per le ancore vi sono:

;<code>onfocus</code>
:selezione dell'oggetto, attraverso clic del mouse o navigazione da tastiera;

;<code>onblur</code>
:deselezione dell'oggetto, attraverso clic del mouse o navigazione da tastiera;

;<code>onclick</code>
:clic del mouse sull'oggetto;

;<code>onmouseenter</code>
:ingresso del puntatore nell'area dell'oggetto;

;<code>onmouseleave</code>
:uscita del puntatore dall'area dell'oggetto.

==Esempio==
<syntaxhighlight lang="html">
  <script type="text/javascript">
  function changeLink() {
      document.getElementById('myAnchor').innerHTML="Visit another site"
      document.getElementById('myAnchor').href="http://www.anothersite.com"
      document.getElementById('myAnchor').target="_blank"
  }
  </script>

  <a id="myAnchor" href="http://www.wikipedia.org">Visit Wikipedia</a>
  <input type="button" onclick="changeLink()" value="Change link">
</syntaxhighlight>

==Voci correlate==
* [[Elemento HTML]]
* [[HTML]]

== Collegamenti esterni ==
* {{Collegamenti esterni}}

{{portale|internet}}

[[Categoria:HTML]]
[[Categoria:Terminologia informatica]]
[[Categoria:XML DOM]]