Det är intressant hur vissa saker går runt. I början av webben laddade webbläsare automatiskt ner länkar till filer som inte var en webbsida, som bilder, PDF-filer och dokument. Sedan blev webbläsare så avancerade att de kunde öppna nästan vilken fil som helst i re altid. Det skapade dock ett problem för utvecklarna. Hur skulle du tvinga en webbläsare att ladda ner en fil istället för att öppna den? Ett gäng hacks och lösningar dök upp för att lösa problemet, men ingen var en riktig lösning. Allt förändrades med HTML5 när nedladdningsattributet introducerades.
Nu kan utvecklare lägga till ett speciellt nedladdningsattribut till sina HTML-ankartaggar för att tala om för webbläsare att behandla en länk som en nedladdning istället för att öppna målfilen. Det finns några olika sätt som du kan använda nedladdningsattributet för att styra hur webbläsare hanterar dina nedladdningslänkar. Ännu bättre, alla moderna webbläsare stöder nedladdningsattributet, så du bör inte se några problem med kompatibilitet eller behovet av en reserv.
Image
Det finns några olika sätt som du kan hantera nedladdningsattributet. Var och en har sina egna fördelar, och de fungerar alla smidigt i olika webbläsare.
The Plain Download Attribute
Det enklaste sättet att använda nedladdningsattributet är att bara inkludera det i sin mest grundläggande form i dina ankartaggar. Du behöver inte inkludera ett ytterligare filnamn eller någon stödjande information. Resultatet ser ut så här:
Ladda ner nu!
Image
Genom att inkludera "nedladdning" säger du åt alla webbläsare som läser sidan att ladda ner mållänken istället för att öppna den. I det här fallet kommer webbläsaren att ladda ner filen exakt som den är med samma namn.
Image
Ändra filnamn
Vad händer om du faktiskt vill byta namn. Det finns många tillfällen där du skulle vilja göra detta. Automatiskt genererade filnamn är ett bra exempel. De brukar ha löjligt långa namn med strängar av skräpkaraktärer. Det är inte den upplevelse du vill ha för dina besökare. Du kan standardisera saker med nedladdningsattributet.
För att ange ett filnamn, ställ in nedladdningsattributet lika med det. Uteslut filtillägget. Webbläsaren kan och kommer inte att konvertera filtypen, så det är ingen mening att försöka.
Ladda ner nu!
Dina besökare kommer att ladda ner filen som din-fil.pdf.
Hämta en bild
Tillsammans med detta kommer ett förenklat sätt att låta dina användare ladda ner bilder direkt. Det här är inte revolutionerande, och du kan förmodligen sätta ihop det själv, men du kan använda nedladdningsattributet för att skapa en nedladdningsbar bildlänk.
Image
Börja med att skapa en bild som du brukar göra på din sida. Detta kommer naturligtvis att vara bilden som är tillgänglig för nedladdning.
Inkapsla sedan det hela i en ankartagg, länka till bildvägen.
Lägg slutligen till nedladdningsattributet till din ankartagg. Du kan ändra namnet på din bild om du vill.
Image
När en besökare klickar på bilden laddar de automatiskt ner den direkt från din server. Det är inte nödvändigt, och det kan verka som överdrivet för en utvecklare, men hur många webbplatsbesökare skulle kunna tänka sig att högerklicka på en bild för att se eller ladda ner den?
Lär dig hur du exploderar en bit av ett Excel-cirkeldiagram eller skapar cirkel- eller cirkeldiagram för att betona nyckeldata. Uppdaterad för att inkludera Excel 2019
