Använda länkar
Svep för att visa menyn
Taggen <a> används för att skapa hyperlänkar som gör det möjligt för användare att navigera mellan olika webbsidor. När en användare klickar på en länk skickar webbläsaren en begäran till servern för sidan som är kopplad till länken och visar svaret på skärmen. Attributet href anger URL:en till målsidan.
index.html
Länkattribut
target
Som standard öppnas länken i samma webbläsarflik. Attributet target gör det möjligt att ändra detta beteende. För att öppna en länk i en ny flik, använd target="_blank".
index.html
download
Attributet download kan användas med HTML-taggen <a> för att ange att resursen ska laddas ner istället för att visas i webbläsaren. När download-attributet används uppmanar webbläsaren användaren att spara filen med det angivna filnamnet. Till exempel, om du behöver skapa ett element med följande funktionalitet: när användaren klickar på länken kommer webbläsaren att ladda ner filen "myfile.pdf" från https://example.com/ och uppmana användaren att spara den med filnamnet myfile.pdf.
index.html
href
Attributet href används inte bara för att navigera till andra sidor utan även för att skapa länkar till e-postadresser, telefonnummer och specifika sektioner.
index.html
Dessutom kan attributet href användas för att navigera till specifika sektioner inom en webbsida. För att skapa en ankarlänk tilldelas ett id-attribut (en unik identifierare) till den sektion vi vill scrolla till. Attributet href får ett värde som börjar med symbolen # följt av id-värdet.
Låt oss utforska följande exempel, presenterat i form av CodeSandbox. Denna plattform möjliggör kodgranskning och låter dig undersöka hur koden fungerar.
Ta gärna en stund och undersök funktionaliteten genom att klicka på länkarna och observera hur den levande sidan scrollar till de specifika sektionerna. Notera även attributen för a-taggen och h2-taggen.
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
