Jak Používat Odkazy A Otevřít Je Tam, Kde Chcete!

rámce jsou zastaralé; používejte pouze _blank

jediná aktuálně relevantní hodnota target je _blank. Ostatní hodnoty target byly použity ke specifikaci konkrétních rámců. Nicméně, rámy byly zastaralé v HTML5.

výchozí cíl

pokud není zadáno žádné target, otevře se odkaz v aktuálním kontextu, pokud uživatel nebo prohlížeč nestanoví jinak.

a target= „_blank“ Open in New Browser Tab (or Window)

atribut target určuje, kde se propojený dokument otevře po kliknutí na odkaz. Výchozí je aktuální okno. Pokud target="_blank", propojený dokument se otevře na nové kartě nebo (ve starších prohlížečích) v novém okně.

proč Otevřít v novém prohlížeči?

nejčastějším důvodem pro použití `target=“_blank“ je to, že odkazy mimo web se otevírají na samostatné kartě. To umožňuje uživateli kliknout na odkaz a vrátit se k němu později, aniž by opustil aktuální stránku. Udržuje návštěvníky na vašem webu déle a zlepšuje většinu vašich metrik: míra okamžitého opuštění, konverze, navštívené stránky.

otevřete všechny externí odkazy na nové kartě s JavaScriptem

nemusíte ručně přidávat target="_blank" ke každému odkazu na vašem webu. Pokud hodně propojíte (což byste měli udělat), je snadné přidat na svůj web nějaký kód JavaScript a automaticky převést všechny externí odkazy na odkazy _blank.


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

(mírně upravenou podobu tohoto kódu můžete vidět v akci na každé stránce tohoto webu.) Tento trik vyžaduje jQuery, ale existuje velká šance, že jej již používáte. Používá se v nejpopulárnějších rámcích a systémech pro správu obsahu, včetně WordPress, Drupal a Twitter Bootstrap. Pokud to potřebujete udělat bez jQuery, to lze udělat také. Zde je „prostý JavaScript“ verze:

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(); 

Kromě toho, že je to jednodušší, to vyčistí vaší značky výrazně.

důvody nepoužívat ‚target=“ _blank “

někteří lidé tvrdí, že uživatelé nechtějí otevírat odkazy v novém kontextu prohlížení. Myslí si, že to je podobné vyskakovacím reklamám a jinému nepříjemnému chování. Se vzestupem prohlížení v záložkách, tento argument do značné míry zmizel. Většina uživatelů dává přednost otevření odkazů na nové kartě, protože jim umožňuje přijít do fronty odkazovaných odkazů pro pozdější čtení, aniž by ztratili aktuální kontext prohlížení.

Hodnoty cílového Atributu

Název Hodnoty Poznámky
_blank Otevře odkazovaný dokument v nové záložce nebo okně.
_parent otevře odkaz v nadřazeném rámci. Rámce jsou zastaralé v HTML5.
_self otevřete odkaz v aktuálním rámečku.
_top otevře odkaz v horním rámečku. Rámce jsou zastaralé v HTML5.
název snímku otevře odkaz v pojmenovaném snímku. Rámce jsou zastaralé v HTML5.

Všechny Atributy kotevní Prvek

název Atributu Hodnoty Poznámky
hreflang Určuje jazyk, odkazovaných zdrojů.
stáhnout nasměruje prohlížeč ke stažení propojeného zdroje, spíše než k jeho otevření.
cíl _blank
_parent
_self
_top
jméno rámu
Určuje kontext, ve kterém odkazovaných zdrojů se otevře.
název text Definuje název odkazu, který se zobrazí uživateli jako nápovědu.
href url určuje propojený dokument, zdroj nebo umístění.
jméno
Adam je technické spisovatel, který se specializuje na vývojářské dokumentace a návody.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.

More: