Länk

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 associerad med länken och visar svaret på skärmen. Attributet href hjälper till att specificera URL:en för målsidan.

Länkattribut

target

Som standard öppnas länken i samma webbläsarflik. Attributet target låter oss ändra detta beteende. För att öppna en länk i en ny flik, använd target="_blank".

download

Attributet download kan användas med HTML <a>-taggen för att specificera att målet 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.

href

href-attributet används inte bara för att navigera till andra sidor utan också för att skapa länkar till e-postadresser, telefonnummer och specifika sektioner.

Dessutom kan href-attributet användas för att navigera till specifika sektioner inom en webbsida. För att skapa en ankartagg, tilldela ett id-attribut (en unik identifierare) till den önskade sektionen vi vill rulla till. href-attributet tar 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 kodinspektion och låter dig undersöka kodens funktionalitet.

Notera

Ta en stund för att inspektera funktionaliteten genom att klicka på länkarna och observera hur den levande sidan rullar till de specifika sektionerna. Var dessutom uppmärksam på attributen för a-taggen och h2-taggen.

För att se koden, dra skjutreglaget på vänster sida av kod-sandboxen. Detta kommer att avslöja den befintliga koden inuti redigeraren.

Knapp

<button>-taggen i HTML används för att skapa en klickbar knapp som kan utlösa en åtgärd, såsom att skicka ett formulär, köra en JavaScript-funktion som att öppna och stänga ett popup-fönster, eller växla en mobilmeny. Som standard har <button>-taggen attributet type, och dess värde är submit. Men du behöver ofta specificera type="button".

Sammanfattning

<a>-taggen används för att skapa hyperlänkar till andra webbsidor, dokument eller resurser. I kontrast används <button>-taggen för att skapa interaktivitet på en webbsida, utlösa en händelse eller utföra en åtgärd. Det är viktigt att inte blanda deras syften.