- Alt+0 = Vai al link accessibilità
- Alt+1 = Vai ai form per scegliere un altro sito
- Alt+2 = Vai al menù principale per selezionare la guida
- Alt+3 = Vai al menù laterale della guida specifica
- Alt+4 = Vai al titolo-link della pagina
- Alt+5 = Vai ai links per modificare lo stile del sito
- Alt+6 = Vai all'elenco links delle pagine della guida specifica
- Alt+7 = Vai al link torna ad inizio pagina
- Alt+8 = Vai al link per compilare il modulo per i commenti
- Alt+9 = Vai ai links del footer
GUIDA PAGINE WEB: XHTML
Adv:
+/- Introduzione:
+/- Guida Xhtml:
+/- Tutorial Xhtml:
+/- TagCloud:
Profilo
Sul web sono conosciuto col nickname Arquen. Appassionato del Web in genere, nello specifico mi occupo della realizzazione di Siti Internet.
Tecnicamente la definizione è quella del Web Designer Freelance, ma mi occupo anche di accessibilità, usabilità, Seo e marketing.
Per saperne di più compila il modulo dedicato alla richiesta di preventivi e/o informazioni
Oppure visualizza le soluzioni fin'ora realizzate nel Portfolio
Puoi seguirmi anche su:
Ti suggerisco di visitare queste due pagine:
[4] Sei in: Home » Guida XHtml » ANCORAGGIO
Per creare un sistema di ancoraggio all'interno di una pagina HTML sono necessari i seguenti codici inseriti entrambi nel corpo della pagina:
<body> <a href="#nomedellancora">nomedellink</a> <a name="nomedellancora"></a> </body>
La prima riga è il classico link, la seconda riga, invece, funziona come "segnalino". Da notare che sia in href che in name viene inserita la stessa parola. Poi si clicca sul link e si viene reindirizzati al punto esatto in cui è stato inserito il "segnalino".
In questo modo funziona il classico link: torna a inizio pagina.
Ma possiamo utilizzare le ancore anche per altri scopi:
- per chi non utilizza il mouse (disabilità motoria);
- per chi utilizza dispositivi come palmari o portatili senza mouse;
- per chi utilizza dispositivi di sintesi vocale (disabilità visive).
In quest'ultimo caso le ancore vengono inserite ad inizio pagina e all'interno di un div contenitore che poi verrà reso invisibile, tramite CSS, agli esseri umani, ma non ai lettori vocali.
Ritornando al codice, in XHTML, sopratutto se usiamo un doctype strict, l'attributo name è deprecato per quanto riguarda l'utilizzo nelle ancore, e dovrebbe essere sostituito con ID. Però siccome non tutti i browsers (versioni precedenti) supportano ID, bisogna utilizzarli entrambi. Quindi il codice diventerà:
<body> <a href="#nomedellancora">nomedellink</a> <a name="nomedellancora" id="nomedellancora"></a> </body>
L'ancora può essere inserita non solo in "A", ma anche in un paragrafo "P", in un intestazione "H", in un contenitore "DIV", ecc.. Però, come detto in precedenza, alcuni browsers non supportano l'elemento ID, e siccome name inserito in P, in H e in DIV, non crea nessun ancoraggio, è bene utilizzare solo A.
Per finire, se vogliamo avere il codice validato, bisogna inserire sia il link, sia l'ancora in un div contenitore.
Quindi il codice diventerà:
<body> <div> <a href="#nomedellancora">nomedellink</a> </div> <div> <a name="nomedellancora" id="nomedellancora"></a> </div> </body>
Ovviamente nel DIV inseriremo una CLASS o un ID.
Aiutami a creare una nuova community aggiungendoti alla Pagina Fan...
Oppure iscrivendoti al Gruppo...
Media voti: 
Vota l'articolo: 1 - 2 - 3 - 4 - 5
Puoi inviare un commento su questo articolo:
(usando gli account di Google, Twitter e Yahoo!)