HTML/Links: differenze tra le versioni
Contenuto cancellato Contenuto aggiunto
Ampliamento pagina |
|||
Riga 3:
I links sono una delle caratteristiche che hanno fatto le fortune del [[w:web|web]], ossia la possibilità di passare da un documento ad un altro in maniera molto semplice: cliccando su un collegamento ipertestuale. I link sono costituiti da due componenti: il contenuto e la risorsa.
*Il '''contenuto''' può essere definito come la parola che risulta cliccabile
*La '''risorsa''' è la pagina, il file, a cui punta l'url del contenuto.
== Collegamenti esterni ==
Riga 18:
== Collegamenti interni ==
I collegamenti interni o ''àncore'' sono collegamenti che non rimandano a una pagina esterna come abbiamo visto in precedenza, bensì a un contenuto disponsibile nella stessa pagina. La loro sintassi è leggermente più complicata dei collegamenti esterni. Per prima cosa, si deve creare un collegamento simile a quello appena visto, ma solamente con l'attributo '''name''',
Ecco l'esempio:
Riga 27:
</body>
*Definire l'àncora attraverso l'attributo '''name'''.
*Richiamarla da un altro link inserendo come valore dell'attributo '''href''' il valore dell'attibuto '''name''' preceduto dal segno ''#''.
E' possibile anche creare in questo modo link vuoti richiamando un'àncora senza valore (ad esempio per creare un link in fondo alla pagina che vi faccia tornare automaticamente all'inizio della stessa) in questo modo:
<body>
Line 41 ⟶ 40:
== Posta elettronica ==
Attraverso un link è possibile anche
<body>
<code><nowiki><a href="mailto:prova@prova.it"></nowiki></code>
</body>
<body>
<code><nowiki><a href="mailto:prova@prova.it?subject=Soggetto&body=Corpo del Messaggio"></nowiki></code>
</body>
== Attributi dei link ==
{| {{prettytable}}
!Attributo
!Valori
!Significato
|-▼
|<code>target</code>▼
|Qualsiasi parola/codice riservato
|Specifica dove visualizzare la risorsa del link. Può essere uno dei seguenti:
*il nome assegnato ad un frame (vedi capitolo sui [[HTML/Frames|Frames]]),
*il codice riservato ''_self'' che si riferisce allo stesso frame in cui è contenuto il link,
*il codice riservato ''_parent'' che si riferisce al frameset genitore,
*il codice riservato ''_top'' per aprirlo nella pagina originale, senza frame
*il codice riservato ''_blank'' per aprirlo in una nuova finestra del browser
|-▼
|<code>title</code>▼
|Qualsiasi lettera/parola▼
|Il valore
|-▼
|<code>accesskey</code>▼
|Determina le scorciatoie da tastiera, se l'utente clicca la combinazione ''ALT+valore'' viene mostrato il link▼
|-▼
|<code>hreflang</code>▼
|Diversi valori, ad es.: ''ita'', ''eng'', ecc.▼
|Indica la lingua del documento, utile se si ha un sito multilingua. Facilita anche l'indicizzazione da parte dei motori di ricerca.▼
|}
I seguenti attributi possono essere specificati nel tag <code><body></code> della pagina e permettono di personalizzare il colore dei link nella pagina. Il loro uso è però sconsigliato in favore dei [[CSS]]
{| {{prettytable}}
Line 66 ⟶ 94:
|<code>link</code>
|Qualsiasi colore
|
|-
|<code>alink</code>
|Qualsiasi colore
|
|-
|<code>vlink</code>
|Qualsiasi colore
|
▲|-
▲|<code>accesskey</code>
▲|Qualsiasi lettera
▲|Determina le scorciatoie da tastiera, se l'utente clicca la combinazione ''ALT+valore'' viene mostrato il link
▲|-
▲|<code>title</code>
▲|Qualsiasi lettera/parola
▲|Il valore dell'attributo ''title'' verrà mostrato quando il cursore sarà sopra il link. Serve per spiegare dove porterà il link.
▲|-
▲|<code>target</code>
▲|-
▲|<code>hreflang</code>
▲|Diversi valori es.: ita, eng
▲|Indica la lingua del documento, utile se si ha un sito multilingua. Facilita anche l'indicizzazione da parte dei motori di ricerca.
|}
{{avanzamento|75%}}
|