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 |