English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Quando il contenuto di una pagina web HTML è molto lungo, l'utente potrebbe trovarsi a disagio durante la navigazione, ad esempio, dopo aver scollato fino in fondo, vorrebbe tornare in alto. In questo caso, l'unica soluzione è trascinare la barra di scorrimento fino in alto (o ricaricare la pagina, ma questo metodo non offre una buona esperienza utente), il metodo migliore è impostare un punto di ancoraggio per risolvere questo problema, realizzando il salto all'interno della pagina o tra pagine
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Tutorial di base(oldtoolbag.com), impostazione degli ancoraggi</title></head><body> <a href="#bottom" name="top">Vai alla fine</a> <div style="height: 5000px; width: 300px; background-color: #123">Ecco come saltare alla testa e alla fine della pagina</div> <a href="#top" name="bottom">Torna in alto</a></body></html>Prova a vedere ‹/›
(1) Metodo di impostazione del salto nella pagina:
Imposta un link di ancoraggio <a href="#miao">Trova il gatto</a>；（attenzione: l'attributo href deve iniziare con #)
Imposta un'ancora nella posizione desiderata nella pagina <a name="miao"></a>；（attenzione: nel tag a deve essere presente un attributo name, il valore deve essere lo stesso dell'attributo href nella sezione [1], senza #) e riempi il testo come richiesto, di solito non si scrive alcun contenuto.
(2) Metodo di impostazione del salto nella pagina:
Imposta un link di ancoraggio <a href="#miao">Trova il gatto</a>；（attenzione: l'attributo href deve iniziare con #)
Posizione dell'ancora <h4 id="miao">Base del gatto</h4>; aggiungi un attributo id nel tag desiderato per il salto, il valore deve essere lo stesso dell'attributo href nella sezione ①, senza #
Attenzione: nel metodo 2 non è necessario aggiungere un tag a specifico per impostare l'ancora, è sufficiente aggiungere un id nel tag desiderato.
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Dimostrazione di ancoraggio - Tutorial di base oldtoolbag.com</title> </head> <body> <ul> <li><a href="#miao">Trova il gatto</a></li> <li><a href="#wang">Trova il cane</a></li> <li><a href="#meng">Altri animali carini</a></li> </ul> <a name="miao"></a><!--Metodo 1 di impostazione dell'ancora--> <h3 id="miao">Base del gatto</h3><!--Metodo 2 di impostazione dell'ancora--> <p>Miau miau miau~</p> <p>Miau miau miau~</p> <p>Miau miau miau~</p> <p>Miau miau miau~</p> <p>Miau miau miau~</p> <p>Miau miau miau~</p> <a name="wang"></a> <p>Wuff wuff wuff~</p> <p>Wuff wuff wuff~</p> <p>Wuff wuff wuff~</p> <p>Wuff wuff wuff~</p> <p>Wuff wuff wuff~</p> <p>Wuff wuff wuff~</p> <a name="meng"></a> <p>Carino~</p> <p>Carino~</p> <p>Carino~</p> <p>Carino~</p> <p>Carino~</p> <p>Carino~</p> </body> </html>Prova a vedere ‹/›