Sådan Bruges Til At Lave Links Og Åbne Dem, Hvor Du Vil!

rammer udfaset; brug kun _blank

den eneste aktuelt relevante værdi af targeter _blank. De andre værdier på target blev brugt til at specificere specifikke rammer. Imidlertid er rammer blevet forældet i HTML5.

standardmål

hvis nej target er angivet, åbnes linket i den aktuelle kontekst, medmindre brugeren eller bro.ser angiver andet.

a target=”_blank” åbnes i Nyt faneblad (eller vindue)

attributten target angiver, hvor det linkede dokument åbnes, når der klikkes på linket. Standard er det aktuelle vindue. Hvis target="_blank", åbnes det sammenkædede dokument i en ny fane eller (på ældre søgere) et nyt vindue.

hvorfor åbne i en ny bro. ser?

den mest almindelige grund til at bruge `target=”_blank” er, at offsite-links åbnes i en separat fane. Dette giver en bruger mulighed for at klikke på en reference og vende tilbage til den senere uden at forlade den aktuelle side. Det holder besøgende på din hjemmeside længere og forbedrer de fleste af dine målinger: afvisningsprocent, konvertering, besøgte sider.

Åbn alle eksterne Links i en ny fane med JavaScript

du behøver ikke manuelt at tilføje target="_blank" til hvert link på din hjemmeside. Hvis du linker ud en masse (som du bør gøre), er det nemt at tilføje nogle JavaScript-kode til din hjemmeside og slå alle eksterne links til _blank links automatisk.


jQuery(document.links) .filter(function() { return this.hostname != window.location.hostname; }) .attr('target', '_blank');

(du kan se en lidt ændret form af denne kode i aktion på hver side af denne hjemmeside.) Dette trick kræver forespørgsel, men der er en god chance for, at du allerede bruger det. Det bruges i de mest populære rammer og content management systemer, herunder Drupal og kvidre Bootstrap. Hvis du har brug for at gøre det uden at spørge, kan det også gøres. Her er en” almindelig JavaScript ” version:

function externalLinks() { for(var c = document.getElementsByTagName("a"), a = 0;a < c.length;a++) { var b = c; b.getAttribute("href") && b.hostname !== location.hostname && (b.target = "_blank") } } ; externalLinks(); 

udover at gøre det lettere, renser dette din markering betydeligt.

grunde til ikke at bruge `target=”_blank”

nogle mennesker hævder, at brugerne ikke foretrækker at åbne links i en ny gennemsøgningskontekst. De tror, at det ligner popup-annoncer og anden irriterende opførsel. Med stigningen i fanebladet søgning er dette argument stort set forsvundet. De fleste brugere foretrækker at åbne links i en ny fane, fordi det giver dem mulighed for at komme i kø refererede links til senere læsning uden at miste deres nuværende gennemse kontekst.

værdier af målattributten

værdi navn noter
_blank åbner det sammenkædede dokument i en ny fane eller et nyt vindue.
_parent åbner linket i den overordnede ramme. Rammer er forældet i HTML5.
_self Åbn linket i den aktuelle ramme.
_top åbner linket i den øverste ramme. Rammer er forældet i HTML5.
rammenavn åbner linket i den navngivne ramme. Rammer er forældet i HTML5.

alle attributter af ankerelementet

Attributnavn værdier noter
hreflang angiver sproget for den sammenkædede ressource.
Hent leder bro.ser til at hente den sammenkædede ressource i stedet for at åbne den.
target _blank
_parent
_self
_top
rammenavn
angiver den kontekst, hvori den linkede ressource åbnes.
Titel tekst definerer titlen på et link, der vises for brugeren som et værktøjstip.
href url angiver det sammenkædede dokument, ressource eller placering.
navn
Adam er en teknisk forfatter, der har specialiseret sig i udviklerdokumentation og tutorials.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.

More: