HTML Pangrattato Tutorial

March 4

Pangrattato sono un utile sistema di navigazione secondaria per la creazione di HyperText Markup Language (HTML) pagine web. Questi pezzi di testo collegato forniscono un metodo per i visitatori di utilizzare quando cammino attraverso un sito web e tenere traccia di dove sono. È possibile utilizzare questa tecnica in modo relativamente semplice per le proprie pagine e di fornire i visitatori web una migliore esperienza.

Aggiunta di Pangrattato

Esistono molte opzioni per l'aggiunta di pane grattugiato alla parte superiore delle pagine web. Scegli tra una vasta gamma di separatori comuni per fornire una rappresentazione visiva di pagine padre e figlio.

Per iniziare, una scelta popolare per la separazione di briciole di pane è quello di utilizzare le frecce destra tra una parola collegata. Per fare questo, inserire la parola, collegare il testo alla pagina appropriata e quindi premere contemporaneamente il tasto freccia ">" "Shift" e. Fate questo per ogni voce e assicurarsi di premere la barra spaziatrice dopo aver aggiunto ogni freccia. Per esempio:
<a href="home.html"> casa </a>> <a href="glasswork.html"> lavoro di vetro </a>> <a href="sculptures.html"> Sculture </a>

Il separatore successivo è noto come un "pipe", che è una singola linea verticale che va su e giù tra ogni collegamento pagina. Utilizzare questa opzione con l'aggiunta del testo collegato e premendo il tasto "Shift" e "|" pulsante di linea allo stesso tempo. Ripetere questa azione per ogni link e spazio ogni riga in modo appropriato. Per esempio:
<a href="home.html"> casa </a> | <a href="resume.html"> Riprendi </a> | <a href="bio.html"> Biografia </a>

In seguito, utilizzare i due punti per distinguere ogni breadcrumb. Anche in questo caso, tipo nelle pagine collegate e questa volta premere il tasto "Shift" e ":" pulsanti del colon insieme, subito dopo la "</a>" tag anchor fine. Spazio ogni link dopo i due punti. Illustrare:
<a href="home.html"> casa </a>: <a href="shows.html"> Spettacoli </a>: <a href="cali.html"> California </a>

Per continuare, barre sono anche inclusi nella lista separatore. A tale scopo, digitando il testo collegato, seguirla con uno spazio, premere il tasto "/" barra (accoppiato con il punto interrogativo sulla tastiera) e di fornire un altro spazio prima dell'entrata successiva. Digita il seguente:
<a href="home.html"> casa </a> / <a href="info.html"> Informazioni </a> / <a href="contact.html"> Contatto </a>

Infine, i proiettili sono un modo semplice per fare la distinzione tra i link. Per utilizzare questi, inserire il testo collegato, premere la barra spaziatrice, digitare il testo Unicode "& # 9679;" e aggiungere un altro spazio. Questo unicode fornisce il codice per il "cerchio nero", che è più pronunciata che lo standard "." simbolo periodo. Per esempio:
<a href="home.html"> casa </a> & # 9679; <a href="pubs.html"> Pubblicazioni </a> & # 9679; <a href="mags.html"> Riviste </a>

styling Pangrattato

Al fine di mantenere una navigazione efficace, seguire alcuni semplici passaggi per assicurarsi che le briciole di pane sono il più utile possibile.

In primo luogo, se il titolo della pagina è da uno a tre parole, usare il titolo completo nella navigazione. i titoli più lunghi, più di tre parole, sono più difficili da seguire e devono essere accorciati. Inoltre, stare lontano da abbreviazioni che non sono ben noti per evitare visitatori sconcertanti.

Quindi, assicurarsi che tutti i link di navigazione contengono una prima lettera maiuscola; Tuttavia, gli articoli e connettori brevi (ad esempio, un, uno, il, e da, etc.) non seguono questa regola.

In seguito, fare attenzione nel numero di pangrattato che effettivamente utilizzate, in modo che l'attenzione degli spettatori non perdersi in tutto. Una buona regola è quella di attenersi a sei o meno briciole, o 90 o meno caratteri. Inoltre, se le pagine sono disponibili da vari percorsi, utilizzare una chiara navigazione nel menu per guidare i visitatori lungo il percorso più utilizzato.

Infine, valutare il breadcrumb per assicurarsi che solo i collegamenti essenziali sono inclusi. Selezionare solo le pagine più importanti per la navigazione, perché le briciole non dovrebbero mai visualizzare i collegamenti senza meta.