Sommario
I collegamenti ipertestuali sono elementi di base molto importanti all'interno di HTML poiché ci permette di collegare i diversi documenti e ottenere la navigazione che le nostre informazioni richiedono, per usarli abbiamo l'<elementoa> che ha i seguenti attributi:
- href: Specifica l'indirizzo o l'URL della risorsa o dell'elemento a cui vogliamo collegarci.
- hreflang: Ci consente di determinare la lingua della risorsa collegata.
- metà: determina il dispositivo a cui è diretto il contenuto del collegamento, questa proprietà è nativa di HTML5.
- relazione: Imposta il tipo di relazione con il documento collegato.
- obbiettivo: Indica l'obiettivo in cui deve essere visualizzato il contenuto.
- genere: Specifica il Mimo della risorsa collegata come: immagine / gif.webp o testo / html.
Per creare un collegamento ipertestuale che ci porti a una risorsa esterna nell'attributo href dobbiamo iniziare il collegamento con http: // in questo modo, quando cliccheremo sul link, il browser caricherà la pagina richiesta.
Mi piacciono le mele e le arance.
Se il nostro collegamento ipertestuale non inizia con http: // quindi il browser lo interpreta cercando nella nostra directory locale una risorsa che corrisponda a ciò che abbiamo collegato.
Parente Puoi vedere altri frutti che mi piacciono qui.
Ci sono momenti in cui abbiamo bisogno di incorporare elementi che facilitano la navigazione all'interno della stessa pagina a causa della sua lunghezza, per questo possiamo usare i collegamenti interni, per raggiungere questo obiettivo utilizzeremo l'attributo id del tag in modo che quando si fa clic sul collegamento ipertestuale individuiamo il tag con l'id di riferimento, nel caso in cui non ci sia un id corrispondente, il browser deve cercare l'attributo patata dolce che corrisponde.
Interno Collegamento interno Fare clic.Qui il contenuto interno
Questo attributo ci consente di scegliere dove mostrare la risorsa collegata, per impostazione predefinita quando clicchiamo vedremo il contenuto nella finestra attiva, tuttavia non sempre vogliamo questo comportamento, vediamo le opzioni disponibili:
- _vuoto: Specifica che il nuovo documento si apre in una nuova finestra o scheda.
- _genitore: Apri il documento nella finestra principale.
- _se stesso: Apri il documento nella finestra corrente, questo è il comportamento predefinito.
- _superiore: Apri il documento in una finestra intera indipendentemente dai frame che possono esistere.
- : Apri il nuovo documento in portafoto indicato.
Mi piacciono le mele e le arance.
Con ciò che potremmo vedere in questo tutorial, possiamo già generare diversi tipi di collegamenti ipertestuali che ci consentiranno di avere un maggiore controllo sulla nostra pagina e di poter costruire la navigazione appropriata allo standard HTML5.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo