HTML Breadcrumbs Tutorial

Breadcrumbs er et nyttigt sekundær navigation system til at skabe HyperText Markup Language (HTML) websider.Disse stykker af sammenkædede tekst tilvejebringe en metode for besøgende at bruge, når på vej gennem en hjemmeside og holde styr på, hvor de er.Du kan bruge denne teknik relativt let for dine egne sider, og give dine web besøgende en forbedret oplevelse.

Tilføjelse eksisterer Breadcrumbs

  • mange muligheder for at tilføje rasp til toppen af ​​websider.Vælg mellem en bred vifte af fælles separatorer til at give en visuel repræsentation af overordnede og underordnede sider.

    For at starte, en populær mulighed for at adskille rasp er at bruge højre pile mellem hvert forbundet ord.For at gøre dette, indtaste ordet, knytte tekst til den relevante side, og derefter samtidig trykke på "Shift" og "& gt;"piletast.Gør dette for hver post, og sørg for at trykke på mellemrumstasten efter tilføjes hver pil.For eksempel:
    & lt; a href = "home.html" & gt; Home & lt; / a & gt;& gt;

    & lt; a href = "glasswork.html" & gt; Glas Arbejde & lt; / a & gt;& gt;& lt; a href = "sculptures.html" & gt; Skulpturer & lt; / a & gt;

    Den næste separator er kendt som en "rør", som er en enkelt lodret linje, der går op og ned mellem hver side link.Brug denne indstilling ved at tilføje den sammenkædede tekst og trykke på "Shift" og "|"line-knap på samme tid.Gentag denne handling for hvert link og rum hver linje korrekt.For eksempel:
    & lt; a href = "home.html" & gt; Home & lt; / a & gt;|& lt; a href = "resume.html" & gt; Genoptag & lt; / a & gt;|& lt; a href = "bio.html" & gt; Biografi & lt; / a & gt;

    Efter bruge kolon til at skelne de enkelte brødkrumme.Igen, skal du indtaste de linkede sider, og denne gang skal du trykke på "Shift" og ":" kolon knapper sammen, umiddelbart efter ending "& lt; / a & gt;"anker tag.Plads hvert led efter kolon.For at illustrere:
    & lt; a href = "home.html" & gt; Home & lt; / a & gt ;: & lt; a href = "shows.html" & gt; Shows & lt; / a & gt ;: & lt; a href = "cali.html"& gt; Californien & lt; / a & gt;

    at fortsætte, skråstreger er også inkluderet i separatoren listen.Gør dette ved at skrive i din sammenkædede tekst, skal du følge den med et mellemrum, skal du trykke på "/" skråstreg knappen (kombineret med spørgsmålstegnet på tastaturet), og give en anden plads, før den næste post.Indtast følgende:
    & lt; a href = "home.html" & gt; Home & lt; / a & gt;/ & Lt; a href = "info.html" & gt; Information & lt; / a & gt;/ & Lt; a href = "contact.html" & gt; Kontakt & lt; / a & gt;

    Endelig kugler er en enkel måde at skelne mellem links.Hvis du vil bruge disse, indtaste den sammenkædede tekst, skal du trykke på mellemrumstasten, type i Unicode-tekst "& amp; # 9679;"og tilføje en anden plads.Denne unicode giver koden til den "sorte cirkel", som er mere udtalt, at standarden "."periode symbol.For eksempel:
    & lt; a href = "home.html" & gt; Home & lt; / a & gt;& amp; # 9679;& lt; a href = "pubs.html" & gt; Publikationer & lt; / a & gt;& amp; # 9679;& lt; a href = "mags.html" & gt; Magasiner & lt; / a & gt;

Styling Breadcrumbs

  • For at opretholde en effektiv navigation, følge nogle enkle trin for at sikre rasp er så nyttige som muligt.

    Først, hvis sidens titel er mellem en til tre ord, bruge den fulde titel i navigationen.Længere titler, mere end tre ord, er sværere at følge og skal afkortes.Desuden holde sig væk fra forkortelser, der ikke er velkendte for at undgå forvirrende besøgende.

    Dernæst skal du sørge for, at alle navigation links indeholde en kapitaliseret første bogstav;imidlertid har artikler og korte stik (dvs. en, et, den, og at ved, etc.) ikke følger denne regel.

    Efter, passe i antallet af rasp, som du rent faktisk bruger, så dine seere ikke fare vild i det hele.En god tommelfingerregel er at holde sig til seks eller færre krummer eller 90 eller færre tegn.Yderligere, hvis sider er tilgængelige fra forskellige stier, brug en klar navigation i menuen til at guide besøgende sammen den mest anvendte rute.

    Endelig evaluere brødkrumme for at sikre, at kun væsentlige links er medtaget.Vælg kun de vigtigste sider til dit navigationssystem, fordi krummer aldrig skal vise planløse links.

Ressourcer

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