HTML Breadcrumbs Treening

Breadcrumbs on kasulik teisese navigatsioonisüsteemi loomiseks HyperText Markup Language (HTML) veebilehti.Need tükid on seotud teksti esitada meetod külastajad kasutada, kui reisil veebisaidi kaudu ja jälgida, kus nad on.Võite kasutada seda tehnikat suhteliselt kergesti enda lehekülge, ja pakkuda veebi külastajad täiustatud kogemus.

lisamine Breadcrumbs

  • Paljud valikud olemas lisades riivsaia tippu veebilehti.Vali erinevatest ühiste eraldajad pakkuda visuaalset kujutist vanema ja lapse lehekülge.

    alustamiseks, populaarne valik eraldamiseks riivsai on kasutada paremat noolt omavahel seotud sõna.Selleks, sisestage sõna, loetu vastavale lehele ja seejärel vajutage samaaegselt "Shift" ja "& gt;"nooleklahvi.Kas see iga sisenemise ja veenduge, et vajutage tühiku peale iga nool lisatakse.Näiteks:
    & lt; a href = "home.html" & gt; Kodu & lt; / a & gt;& gt;& lt; a href = "glasswork.html" & gt; Glass Work & lt; / a & gt;& gt;& lt; a href = "sculptures.html" & gt; Skulptuurid & l

    t; / a & gt;

    Järgmine eraldaja on tuntud kui "toru", mis on üks vertikaalne joon, mis läheb üles ja alla vahel iga lehe link.Kasutage seda valikut, lisades seotud teksti ja vajutades "Shift" ja "|"line nuppu samal ajal.Korrake seda tegevust iga link ja ruumi iga rida asjakohaselt.Näiteks:
    & lt; a href = "home.html" & gt; Kodu & lt; / a & gt;|& lt; a href = "resume.html" & gt; Jätka & lt; / a & gt;|& lt; a href = "bio.html" & gt; Biograafia & lt; / a & gt;

    järgmised kasutada käärsoolelahangu eristada iga riivsai.Jällegi, kirjuta lingitud lehekülgedel ja seekord vajutage "Shift" ja ":" koolon nupud koos, otse pärast lõpeb "& lt; / a & gt;"ankrusildi.Space iga lingi pärast koolonit.Et illustreerida:
    & lt; a href = "home.html" & gt; Kodu & lt; / a & gt ;: & lt; a href = "shows.html" & gt; Shows & lt; / a & gt ;: & lt; a href = "cali.html"& gt; California & lt; / a & gt;

    jätkamiseks, kaldkriipsud kuuluvad ka eraldaja nimekirja.Kas seda kirjutades oma seotud teksti, selle järel tühik, vajutage "/" kaldkriipsuga nupp (koos küsimärgiga klaviatuuril) ja annab teise ruumi enne järgmise kande.Sisestage järgmised:
    & lt; a href = "home.html" & gt; Kodu & lt; / a & gt;/ & Lt; a href = "info.html" & gt; Information & lt; / a & gt;/ & Lt; a href = "contact.html" & gt; Contact & lt; / a & gt;

    Lõpuks täppe on lihtne viis teha vahet linke.Nende kasutamiseks sisesta seotud teksti, vajutage tühiku, kirjuta Unicode teksti "ja amp; # 9679;"ja lisada veel ruumi.See Unicode annab kood "must ring", mis on rohkem väljendunud, et standard "."perioodi sümbol.Näiteks:
    & lt; a href = "home.html" & gt; Kodu & lt; / a & gt;& amp; # 9679;& lt; a href = "pubs.html" & gt; Trükised & lt; / a & gt;& amp; # 9679;& lt; a href = "mags.html" & gt; Ajakirjad & lt; / a & gt;

Styling Breadcrumbs

  • säilitamiseks tõhus navigation, järgida mõningaid lihtsaid samme veendumaks, riivsai on võimalikult kasulik.

    Esiteks, kui leht pealkiri on üks kuni kolm sõna, kasutage täielik nimetus navigatsiooni.Pikemad pealkirjad, rohkem kui kolm sõna, on raskem jälgida ja tuleb lühendada.Lisaks eemale lühendeid, mida ei tuntud, et vältida murettekitav külastajad.

    Seejärel veenduge, et kõik siirtymislinkit sisaldada kapitaliseeritud algustäht;Artikleid ja lühikesed ühendused (st, mis on, on, ja poolt jne) ei järgi seda reeglit.

    Pärast, hoolitseda arvu riivsai, mida te kasutate, nii et teie vaatajad ei kao see kõik.Hea rusikareegel on kinni kuus või vähem puru või 90 või vähem tähemärki.Veelgi enam, kui lehed on saadaval erinevates teed, kasutage selge navigation menüüs suunata külastajaid koos kõige laevatee.

    Lõpuks hinnata riivsai veenduda, et ainult olulisi lülisid on lisatud.Valige ainult kõige tähtsamad lehed oma navigation, sest helbed ei tohi kunagi näidata sihitu linke.

Resources

  • W3Schools Online Web Tutorials
  • World Wide Web Consortium - Web Standards
70
0
0
Html