Fino a HTML5 è stato rilasciato, il tag ne ha richiesto uno attributo: href. Ma HTML5 rende opzionale anche questo attributo. Quando scrivi il tag senza alcun attributo, viene chiamato collegamento segnaposto.
Un collegamento segnaposto ha il seguente aspetto:
Precedente
Utilizzo di collegamenti segnaposto durante lo sviluppo
Quasi tutti i web designer hanno creato collegamenti segnaposto prima o poi progettare e realizzare un sito web. Prima di HTML5, un programmatore scriveva quanto segue come segnaposto:
testo del collegamento
Il problema con l'utilizzo di a hashtag (#) come link segnaposto è che il link è cliccabile e questo può causare confusione per i tuoi clienti. E, se uno sviluppatore dimentica di aggiornarli con gli URL corretti, quei link mostreranno semplicemente la stessa pagina in cui si trova l'utente se cliccati.
Invece, dovresti iniziare a utilizzare i tag senza attributi. Puoi modellarli in modo che assomiglino a qualsiasi altro link sulla tua pagina, ma non saranno cliccabili perché sono solo segnaposto.
Utilizzo di collegamenti segnaposto su siti live
I link segnaposto hanno un posto nel web design per più di un semplice sviluppo. Un posto in cui un link segnaposto può brillare è negli elementi di navigazione. In molti casi, gli elenchi di navigazione dei siti Web hanno un modo per indicare in quale pagina ti trovi. Questi sono spesso chiamati indicatori "sei qui".
La maggior parte dei siti si basa su attributi id sull'elemento che necessita del marcatore "sei qui", ma alcuni usano anche l'attributo class. Tuttavia, qualunque sia l'attributo che usi, devi fare molto lavoro extra su ogni pagina che contiene la navigazione, aggiungendo e rimuovendo l'attributo dagli elementi corretti.
Con un collegamento segnaposto, puoi scrivere la tua navigazione come preferisci, quindi rimuovere semplicemente l'attributo href dal collegamento appropriato quando aggiungi la navigazione a una pagina. Per lo sviluppo, un suggerimento rapido per aiutare è memorizzare l'intero elenco di navigazione come frammento di codice nel tuo editor, quindi è solo un rapido copia e incolla. È quindi possibile eliminare semplicemente l'href. Puoi anche fare in modo che il tuo sistema di gestione dei contenuti (CMS) faccia la stessa cosa.
Stile dei collegamenti segnaposto
I link segnaposto sono facili da modellare e modellare in modo diverso dagli altri link sulla tua pagina web. Assicurati semplicemente di dare uno stile sia al tag a che a: link tag. Per esempio:
un {
colore rosso;
font-weight: grassetto;
decorazione del testo: nessuna;
}
un collegamento {
colore blu;
font-weight: normale;
decorazione del testo: sottolineatura;
}
Questo CSS renderà i collegamenti segnaposto in grassetto e rosso, senza sottolineatura. I collegamenti regolari saranno di peso normale, blu e sottolineati.
Ricordati di resettare qualsiasi stili non vuoi essere trasferito dal tag a. Ad esempio, lo spessore del carattere è impostato su grassetto per i collegamenti segnaposto, quindi per i collegamenti standard dovrai impostarlo su:
font-weight: normale;
Lo stesso vale con il decorazione-testo. Rimuovendolo con il selettore a, sarebbe stato rimosso per il selettore a: link se non lo avessimo rimesso.