Fino a quando non è stato rilasciato HTML5, il tag ha richiesto un attributo: href. Ma HTML5 rende anche quell'attributo opzionale. Quando scrivi un tag senza attributi, viene chiamato link segnaposto.
Un link segnaposto si presenta come questo:
Utilizzo di collegamenti segnaposto durante lo sviluppo
Quasi ogni web designer ha creato link segnaposto in un momento o un altro mentre progettava e costruiva un sito web. Prima di HTML5, un programmatore scriveva quanto segue come segnaposto:
link text
Il problema con l'utilizzo di un hashtag (#) come link segnaposto è che il link è cliccabile e questo può causare confusione per i tuoi clienti. E, se uno sviluppatore si dimentica di aggiornarli con gli URL corretti, questi link mostreranno semplicemente la stessa pagina su cui si trova l'utente se cliccato.
Invece, dovresti iniziare a usare tag senza attributi. Puoi dare uno stile a questi come 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 qualcosa di più del semplice sviluppo. Un posto in cui un link segnaposto può brillare è in elementi di navigazione. In molti casi, gli elenchi di navigazione del sito web hanno un modo per indicare la pagina in cui ti trovi. Questi sono spesso chiamati indicatori "tu sei qui".
La maggior parte dei siti si basa su attributi id sull'elemento che necessita del marker "sei qui", ma alcuni usano anche l'attributo class. Comunque, qualunque sia l'attributo che usi, devi fare un sacco di lavoro extra su ogni pagina che ha la navigazione su di esso, aggiungendo e rimuovendo l'attributo dagli elementi corretti.
Con un link segnaposto, puoi scrivere la tua navigazione come preferisci e poi rimuovere semplicemente l'attributo href dal link appropriato quando aggiungi la navigazione a una pagina. Per lo sviluppo, un suggerimento rapido per aiutare è quello di memorizzare l'intero elenco di navigazione come uno snippet di codice nel tuo editor, quindi è solo un rapido copia-incolla. È quindi possibile semplicemente cancellare l'href. Puoi anche far sì che il tuo sistema di gestione dei contenuti (CMS) faccia la stessa cosa.
Styling Links segnaposto
I link segnaposto sono facili da stile e stile in modo diverso dagli altri link sulla tua pagina web. Assicurati semplicemente di modificare sia il tag che il tag a: link. Per esempio:
a {colore: rosso; font-weight: bold; decorazione del testo: nessuna; } a: link {color: blue; font-weight: normal; 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 sottolineato però.
Ricorda di reimpostare tutti gli stili che non vuoi essere trasferiti da un tag. Ad esempio, il font-weight è impostato in grassetto per i link segnaposto, quindi dovrai impostarlo su:
font-weight: normal;
per collegamenti standard. Lo stesso vale per la decorazione del testo. Rimuovendolo con il selettore a, sarebbe stato rimosso per il selettore a: link se non l'avessi rimesso.
