Dagens emne til diskussion er HTML-ankeret. Dette element tillader hurtige overgange både inde i siden og i eksterne dokumenter. Ankre bruges ofte af webudviklere. Da de hjælper med at organisere en hjemmeside, der er praktisk for læsere. Artiklen vil give en detaljeret beskrivelse af dette element og eksempler på effektiv anvendelse.
beskrivelse
Et HTML-anker er et slags unikt bogmærkewebside. Den har altid sit eget individuelle navn, som ikke skal gentages på en side. Hovedformålet med ankeret er at hurtigt springe fra den ene del af dokumentet til et andet til et bestemt sted. Særligt effektiv dette element bringer, når websiden er stor. På grund af dette er brugerne ubehagelige til at læse indholdet af webstedet. Og ankeret på HTML-siden muliggør en hurtig overgang.
opgave
For at oprette et sådant bogmærke på siden kan dubrug to forskellige metoder. Den første er at bruge navnetattributten, og i det andet tilfælde skal du bruge idattributten. Dernæst vil vi se hver metode separat. Overgangen sker i begge tilfælde under mærket "a", hvis attribut indeholder et navn eller en identifikator. For eksempel: "a href =" # footer "". Symbolet # fortæller browseren, at linket vil forankre.
navn
Navnattributen blev oprettet specifikt for at oprette et anker på siden. Dens værdi kan være enhver tekst. Dette HTML-anker kan kun bruges sammen med "a" -taggen.
For eksempel vil du oprette et bogmærke i slutningendin side. Du skal sætte taggen "a name =" footer "" / a "i den ønskede del af webdokumentet. I et andet område på siden skal du oprette et link til ankeret, for dette tilføjes posten "a href =" # footer "" link "/ a". Når du klikker på dette element, tager browseren dig automatisk til den del af dokumentet, hvor fanebladet Footer er placeret.
ID
Først og fremmest er det værd at nævne, at ID erEn identifikator, der ikke har et direkte formål at skabe ankre. Men det giver dig mulighed for at oprette bogmærker på hele dokumentområdet uden at oprette yderligere links. Det vil sige, du kan anvende ID-attributten til ethvert HTML-element. Og så henvises der til "a" -taggen. Her er et eksempel: "p" -elementet er midt i dokumentet. For at gå til det fra begyndelsen af siden uden brug af rullefelter, skal du tilføje ID-attributten: "p id =" centr "" "/ p". Opret derefter et link: "a href =" # centr "" Teksten er "/ a". Således får vi hurtig adgang til enhver del af dokumentet. Værdien af ID-attributten kan være enhver tekst.
Effektiv anvendelse
I HTML bruges ankerforbindelser meget ofte tilbygge dokumentnavigation. En side har for eksempel en stor mængde tekstmæssige oplysninger, som igen er opdelt i separate afsnit eller kapitler. For at gøre det nemt for besøgende at bruge webstedet, skal du tildele bogmærker for hurtigt at flytte til en separat del af dokumentet. For at gøre dette skaber vi ankerlink i hvert kapitel, eller bruger ID-id'er. Og på toppen vil vi lave en navigationslinje med indholdet af alle links. Et interessant faktum er, at ankre kan henvises fra andre websider. Det er nok at tilføje værdien af navn eller id attributter til slutningen af linket. Glem ikke at tilføje # tegn. Ordningen i dette tilfælde skal se sådan ud: Hovedlinket er # navn (id).
konklusion
HTML anker er meget nyttigt og i nogletilfælde endda et nødvendigt element. I artiklen præsenterede jeg kun et eksempel på dets effektive anvendelse. Men i virkeligheden kan denne slags bogmærker bruges i mange situationer. Det vigtigste er at forstå deres hovedide.
