HTML Breadcrumbs Tutorial

korppujauhoja ovat käyttökelpoisia toissijaiseen selailuun järjestelmä luodaan HyperText Markup Language (HTML) web-sivuja.Nämä kappaleet linkitettyä tekstiä aikaan menetelmä asiakkaiden käyttöön, kun matkustamisesta läpi sivuston ja pitää kirjaa siitä, missä he ovat.Voit käyttää tätä tekniikkaa suhteellisen helposti oman sivuja, ja tarjota kävijöitä tehostettu käyttökokemus.

lisääminen korppujauhoja

  • Monia vaihtoehtoja on olemassa lisäämällä korppujauhoja alkuun web-sivuja.Valitse useita yleisiä erottimien tarjota visuaalisen esityksen vanhemman ja lapsen sivut.

    Aloita suosittu vaihtoehto erottamiseksi leivänmuruja on käyttää oikeaa nuolta keskenään sidoksissa sanan.Voit tehdä tämän, kirjoita sana, linkki tekstin oikealle sivulle ja sitten paina samanaikaisesti "Shift" ja "& gt;"nuoliavain.Tee tämä jokaisen maahantulon ja varmista painaa välilyöntiä jokaisen nuolen lisätään.Esimerkiksi:
    & lt; a href = "home.html" & gt; Koti & lt; / a & gt;& Gt;& Lt; a href = "glasswork.h

    tml" & gt; Lasi Työ & lt; / a & gt;& Gt;& Lt; a href = "sculptures.html" & gt; Veistokset & lt; / a & gt;

    seuraava erotin tunnetaan "putki", joka on yksi pystysuora viiva, joka menee ylös ja alas jokaisen sivun linkin.Käytä tätä vaihtoehtoa lisäämällä linkitetty teksti ja painamalla "Shift" ja "|"linjapainiketta samanaikaisesti.Toista tämä jokaiselle linkkiä ja tilaa jokaiselle riville asianmukaisesti.Esimerkiksi:
    & lt; a href = "home.html" & gt; Koti & lt; / a & gt;|& Lt; a href = "resume.html" & gt; Jatka & lt; / a & gt;|& Lt; a href = "bio.html" & gt; Biography & lt; / a & gt;

    Jälkeen, käytä kaksoispistettä erottaa kunkin polkua.Jälleen kirjoita linkitysten ja tällä kertaa paina "Shift" ja ":" paksusuolen painikkeet yhdessä, heti päättyy "& lt; / a & gt;"ankkuri tag.Space jokainen linkki kaksoispisteen jälkeen.Asian havainnollistamiseksi:
    & lt; a href = "home.html" & gt; Koti & lt; / a & gt ;: & lt; a href = "shows.html" & gt; Showta & lt; / a & gt ;: & lt; a href = "cali.html"& gt; Kalifornia & lt; / a & gt;

    Jatka viiltää sisältyvät myös erotin luettelosta.Tee tämä kirjoittamalla linkitettyä tekstiä, seurata se välilyönnillä, paina "/" Slash painiketta (yhdistettynä kysymysmerkki näppäintä) ja antaa toiselle tilaa ennen seuraavaa merkintä.Kirjoita seuraava:
    & lt; a href = "home.html" & gt; Koti & lt; / a & gt;/ & Lt; a href = "info.html" & gt; IT & lt; / a & gt;/ & Lt; a href = "contact.html" & gt; Yhteys & lt; / a & gt;

    Lopuksi luodit ovat helppo tapa tehdä eroa linkkejä.Voit käyttää näitä, kirjoita linkitettyä tekstiä, paina välilyöntiä, kirjoita Unicode "& amp; # 9679;"ja lisätä toisen tilaa.Tämä unicode antaa koodi "musta ympyrä", joka on voimakkaampi että standardi "."ajan symboli.Esimerkiksi:
    & lt; a href = "home.html" & gt; Koti & lt; / a & gt;& Amp; # 9679;& Lt; a href = "pubs.html" & gt; julkaisut & lt; / a & gt;& Amp; # 9679;& Lt; a href = "mags.html" & gt; Lehdet & lt; / a & gt;

Styling Breadcrumbs

  • Säilyttääkseen tehokkaan valikkoon, seurata joitakin yksinkertaisia ​​ohjeita varmistaa korppujauhoja ovat niin hyödyllisiä kuin mahdollista.

    Ensinnäkin, jos sivun otsikko on yhdestä kolme sanaa, käytä koko nimi navigointijärjestelmän.Pidemmät nimikkeitä, yli kolme sanaa, on vaikeampi seurata ja on lyhennettävä.Lisäksi pysy kaukana lyhenteitä, jotka eivät ole tunnettuja välttämiseksi hämmentävä kävijää.

    Seuraava, varmista, että kaikki navigointi linkit sisältävät pitkävaikutteiset ensimmäinen kirjain;kuitenkin, artikkeleita ja lyhyitä liittimet (eli,null,null, ja BY jne) eivät noudata tätä sääntöä.

    jälkeen, huolehtia määrä korppujauhoja, että te todella käyttää, jotta katsojat eivät eksy kaiken.Hyvä nyrkkisääntö on kiinni kuusi tai vähemmän murusia, tai 90 merkkiä tai vähemmän.Lisäksi, jos sivut ovat saatavilla eri polkuja, käytä selkeä navigointi valikossa ohjata kävijöitä pitkin eniten käytetty reitti.

    Lopuksi arvioida breadcrumb varmistaa, että vain keskeiset yhteydet ovat.Valitse vain tärkeimmät sivut navigaattorin koska murusia pitäisi koskaan näyttää päämäärätön linkkejä.

Resurssit

  • W3Schools Online-Ohjeita
  • World Wide Web Consortium - web-standardeja
414
0
0
Html