Dobrý den, milí čtenáři tohoto blogu. Dnes chci podrobněji mluvit o tom, co je hypertextový odkaz v Html, jak je můžete umístit do textu na webové stránce, jak vytvořit odkaz na obrázek, jak správně používat značku „A“ a její atributy „ Href“ a „Cíl prázdný“ (otevřít v novém okně).
Obecně je hypertextový odkaz klíčovým prvkem. Odkazy jsou dnes navíc jedním ze tří hlavních faktorů ovlivňujících úspěšnou propagaci webu. Jejich správné uplatnění a pochopení například toho, jak ovlivňují jejich účetnictví vyhledávače, může výrazně ovlivnit provoz vašeho zdroje.
Co jsou hypertextové odkazy a kotvy?Takže jsme se již seznámili se zastaralými a nedoporučovanými každodenní použití značky Pokračujme v dalším poznávání.
Chcete-li vytvořit hypertextový odkaz HTML kód, budeme muset použít i značku A. K tomu můžeme použít různé atributy, které upřesňují například URL adresu cíle pro přesun na tento odkaz (href) nebo dávají pokyn k otevření v novém okně ( cíl=_blank). Ale pojďme mluvit o všem popořadě.
Jak jsme již zmínili výše, hypertextové odkazy jsou klíčovým prvkem jazyka Html a umožňují vám odkazovat jak na interní stránky vašeho vlastního webu, tak na jiné internetové zdroje. Řeknu banalitu - následování odkazu se provádí kliknutím na něj (co jste si mysleli?).
Kromě toho, že je lze rozdělit na interní nebo externí, mohou být i pomocné a slouží výhradně pro potřeby prohlížeče, kterým se budou stránky vašeho webu otevírat.
V tomto případě nebudou na stránce vidět, protože se zapisují do oblasti Head zdrojového kódu dokumentu, jehož obsah se na stránce nezobrazuje (strukturu kódu hypertextového značkovacího jazyka jsem zmínil v článku o).
Hypertextové odkazy na služby se nevytvářejí pomocí značky „A“ (jako běžné), ale pomocí značky „Link“. Úkolů, které vykonávají, je poměrně hodně, například pomocí nich HTML dokument jsou připojeny externí soubory s kaskádovými tabulkami CSS styly nebo například .
Dnes ale nebudeme uvažovat o tom, jak je můžete vytvořit (ještě se k nim dostaneme), ale podrobně se budeme zabývat viditelnými odkazy, které lze vytvořit v oblasti těla, a podle toho se zobrazí na webové stránce.
Ale přesto mají všechny hypertextové odkazy (viditelné i servisní) jedno společné – všechny obsahují požadovaný atribut Href. V něm je jako jeho hodnota napsáno určité místo v dokumentu (pokud bylo dříve označeno kotvou) nebo adresa samotného dokumentu na internetu (v Href, nebo jinak řečeno cesta ke stránce nebo je zapsán nějaký jiný soubor).
Hypertextové odkazy jsou navigační prvky, které jsou navrženy tak, aby vás přenesly do jiných dokumentů v síti nebo aby procházely obsahem webové stránky, kterou si již prohlížíte, pomocí značek vytvořených předem v těle dokumentu, které se také nazývají kotvy HTML.
Tady může být nějaký zmatek, protože... v SEO je to slovo , ale v Html „kotva“ znamená kotvu (překlad slova kotva) nebo značku v textu, na kterou lze potom odkazovat.
Proč se v HTML používají kotvy? To je docela výhodné při vytváření navigace na poměrně dlouhé webové stránce. Pravděpodobně jste jej viděli online, když na stránce, kterou otevřete, jsou bezprostředně pod názvem uvedeny názvy sekcí článku publikovaného na této stránce.
Čtenář tak bude moci na stránce okamžitě přejít na místo, kde se nachází informace, která ho zajímá, než se trápit s procházením textu a vizuálním hledáním správného místa. Pohodlné a zlepšuje.
Jak se vytvářejí kotvy a hash odkazůNaším úkolem v tomto případě tedy bude nainstalovat kotvy na správná místa na stránce (dokumentu), která bude obecně vypadat takto:
Tito. pro vytvoření kotvy musíte do prázdné značky hypertextového odkazu „A“ zadat jediný atribut „Jméno“, jehož hodnota používá jedinečný štítek, který by neměl obsahovat mezery a ve kterém můžete používat znaky latinky, čísla , pomlčky a podtržítka (v naprosté analogii s pravidly, podle kterých můžete vytvářet adresy URL - ,,,[_],[-]).
V tomto případě kotva nebude viditelná na samotné stránce, protože Do prvků „A“ jsme nepsali žádný text. Takto vytvořené kotvy však znečišťují Html kód, a proto nyní mnohem častěji než kotvy používají jiný způsob vytváření štítku.
V tomto případě nemusíte vytvářet prázdnou značku „A“, ale můžete použít kterýkoli z prvků, které jsou již k dispozici na správném místě v textu. Mohou to být například .
Tito. k vytvoření analogu kotvy stačí libovolnému tagu přiřadit univerzální atribut ID (lze ho použít pro všechny tagy a mimochodem na něm fungují), například takto:
Text nadpisu
Takže nyní místo vytvoření požadovaného počtu kotev znečišťujících kód a objevujících se na tento moment není platné (nedoporučuje se konsorciem W3C, které vyvíjí jazyk Html), jednoduše přidáme Id.
Ukazuje se, že k tomu budete muset jako obvykle vložit požadovaný atribut „Href“ do hypertextového odkazu „A“, jehož hodnota však bude tvořena názvem požadovaného štítku (kotvy), kterému předchází hash znak „#“, který se také nazývá hash (Mimochodem, tam rostou nohy často používaného názvu: odkaz hash):
se přesune na místo stránky označené kotvou
Upozorňujeme, že když na takový hypertextový odkaz kliknete, nový dokument se neotevře. Prohlížeč se již posune otevřít stránku do takové polohy, aby místo v textu, kam jste vložili kotvu, zaujalo pozici úplně nahoře na obrazovce. Bylo by logické předpokládat, že hodnoty všech značek (kotev) na jedné stránce by měly být jedinečné, aby se předešlo zmatkům pro prohlížeč.
Pokud uděláte kotvu pomocí atributu ID ve vhodně umístěné značce, pak musíte vzít v úvahu, že kromě omezení typu použitých znaků (,,,[_],[-]) bude hodnota ID musí začínat znakem latinky.
Potom lze umístit všechny platné znaky v libovolném množství, ale první znak kotevního štítku v hodnotě atributu ID musí být písmeno (samozřejmě latinka). Jinak taková kotva vložená do Html kódu nebude fungovat (ve většině prohlížečů).
Pokud za symbol hash „#“ nenapíšete žádný název kotevního štítku (href="#"), pak takový hypertextový odkaz posune stránku na začátek. Takto můžete vytvořit jednoduché tlačítko „Zpět na začátek“ vytvořením odkazu z obrázku (o tom si povíme trochu později) a jeho vložením do šablony webu, například takto:
Nyní přejděme od navigace uvnitř dokumentu (pomocí kotev) k externí navigaci, tzn. budeme muset vytvořit odkazy vedoucí na jiné dokumenty na našem nebo jiném webu. Nyní v atributu Href již nemusíme uvádět kotevní štítky, ale cestu k souboru, který se má otevřít (stránka je podle návrhu soubor načtený do prohlížeče pro následné zobrazení).
Kotva
Zde bychom měli mluvit dále, ale o nich jsem již psal podrobněji ve zmíněném materiálu, takže asi nemá smysl se opakovat. Ale musíte vědět, jak nastavit cestu k souboru v atributu Href hypertextového odkazu, který jste vytvořili. Nepokoušejte se proto seznámit s poskytnutým materiálem.
Dovolte mi však připomenout, že při vytváření adres URL je vhodnější používat pouze následující znaky: (,,,[_],[-]) a nepoužívat mezery. Pokud vezmeme v úvahu obsah atributu Href pro absolutní odkazy, pak to může být schematicky znázorněno takto:
Pokud zahodíme to, co budete používat jen zřídka, můžete totéž prezentovat v poněkud zjednodušené podobě:
Protokol (obvykle http)://název_domény (například web)/cesta_k_souboru ( webové stránky)
Kromě jednoduchého protokolu http lze na internetu najít odkazy s protokolem https, který se liší tím, že používá šifrování. Ten se používá na stránkách, kde je potřeba chránit kanál výměny dat mezi serverem a prohlížečem klienta. Používá se například ve službách elektronické peníze Webové peníze.
Na internetu můžete najít různé verze obsahu Href, například tuto:
Https://site/videokursy
Nebo toto (s příponou souboru):
Https://site/seo/kak-raskrutit-sajt.html
To nemění podstatu, ale pokud je na konci obsahu atributu Href uvnitř hypertextového odkazu lomítko, znamená to, že přístup již není k souboru, ale ke složce, ve které bude odpovídající objekt indexu vyhledávat (pro více podrobností si přečtěte výše uvedený článek o url adresách).
Stáhněte si něco z odkazu
Jak vidíte, tento hypertextový odkaz se neliší od běžného, prohlížeč pouze chápe, že potřebuje stáhnout soubor s příponou zip, a ne se jej snažit otevřít pro prohlížení, jako například soubory dokumentů s html rozšíření. To vše si však můžete přizpůsobit čistě individuálně ve svém prohlížeči tak, aby vyhovoval vašim osobním potřebám.
Stáhnout z FTP serveru
Můžete také například vytvořit (e-mail) přidáním odpovídající adresy URL do Href:
Napsat dopis
Po kliknutí na tento odkaz se na vašem počítači otevře výchozí odkaz, který používáte. poštovní program(v prohlížeči lze nakonfigurovat odkazy s mailto v Href pro otevírání v Gmailu atd.) a objeví se dialog pro vytvoření nového dopisu, ve kterém se do pole „Komu“ vloží emailová adresa uvedená v Href.
Ve skutečnosti můžete vytvořit poměrně složité e-mailové odkazy, pomocí kterých se vyplní další pole v dialogu pro odeslání e-mailu, ale to se používá poměrně zřídka.
A vůbec, webmasteři v poslední době prakticky přestali používat hyperlinky s mailto v Href kvůli tomu, že jsou analyzovány spammery se všemi z toho plynoucími důsledky. Je lepší si to vytvořit na webu, i když na kontaktní stránce mám stále vše prezentováno v klasické podobě. Měl bych to ve svém volném čase změnit (nebo ne... popřemýšlím o tom).
Jak otevřít odkaz v novém okně (cíl je prázdný)Při vytváření odkazů v Html kódu se často setkáváme s otázkou – v jakém okně prohlížeče máme otevřít dokument, na který vede? Ve výchozím nastavení se otevře ve stávajícím okně, které překrývá stránku, ze které byl tento hypertextový odkaz umístěn.
Osobně jsem velkým zastáncem atributu Target s hodnotou blank , který umožňuje otevřít stránku v novém okně a nechat dokument, kde byl odkaz umístěn, otevřený. Nevím, jak to ovlivňuje použitelnost mého blogu, ale tato možnost se mi líbí více a používám ji téměř ve všech případech.
Ve vyhledávačích si také rád nakonfiguruji otevírání odkazů v novém okně, aby byly výsledky vždy po ruce a bylo možné se k nim kdykoli vrátit. Pro tyto účely, jak již bylo zmíněno, používá Html speciální atribut Target, který má ve výchozím nastavení hodnotu Self:
Otevře dokument ve stejném okně
Sice do tagu "A" samozřejmě nikdo nepíše target="_self", protože tato hodnota se používá standardně, ale pokud potřebujete stránku otevřít v novém okně, budete muset napsat target="_blank ":
Otevře se v novém okně
Vezměte prosím na vědomí, že hodnoty atributu Target jsou na začátku psány s podtržítkem (_blank), protože to je stanoveno ve validátoru Wc3, který obsahuje díry v hypertextovém značkovacím jazyce. Co je pozoruhodné, je, že Html poskytuje možnost změnit výchozí možnost otevírání odkazu.
Pokud například chcete, aby se všechny hypertextové odkazy na vašem webu otevíraly v novém okně, budete muset přidat značku Base s atributem target="_blank" do oblasti Head šablony, kterou používáte:
je tam něco jiného
A nyní, pokud chcete otevřít jeden z odkazů ve stejném okně, budete muset přidat target="_self" k jeho značce „A“, protože ve výchozím nastavení nyní používáte _blank. Oh, jak.
Mimochodem, prvek Base jsem použil výše popsaným způsobem, ale také jsem do něj uzavřel oblast kódu s několika hypertextovými odkazy, které bylo třeba otevřít v novém okně. Tito. Použil jsem také uzavírací značku Base uvnitř oblasti Body a fungovalo to. I když se takový kód samozřejmě ukáže jako neplatný.
Hypertextový odkaz při najetí myší a kliknutím na barvy – jak je změnitJazyk Html byl navržen tak, aby uživatel mohl snadno navigovat, který odkaz již otevřel a který zůstal nedotčen.
K tomuto účelu se používá barva, která se změní, když uživatel klikne na hypertextový odkaz a dokument na něj odkazovaný je úspěšně otevřen. Po návratu na původní stránku uživatel zjistí, že odkaz, který navštívil, změnil barvu. Tento trik umí všechny prohlížeče.
Ve výchozím nastavení v čistém HTML (bez použití Vlastnosti CSS) odkazy jsou zvýrazněny podtržením a mohou mít tři barevné možnosti:
V Html 4.01 jsou tyto barvy pro odkazy výchozí, ale lze je změnit pomocí speciálních atributů, které se zapisují do tagu Body, který najdete v jednom ze souborů šablony, kterou používáte. Ke změně všech tří barev se používají tři atributy:
Pamatujte, už jsem psal o tom, jak. Podle toho mohou zmíněné atributy vypadat takto:
Přirozeně zde byla myšlena čistá možnost Html, kdy z nějakého důvodu není vhodné nebo možné použít styling, jinak lze všechny tyto barvy snadno nastavit a změnit pomocí .
Jak udělat z obrázku odkaz - dva způsobyNo, tady je všechno docela jednoduché. Protože je prvek s malým písmenem, pak lze celkově jakýkoli obrázek považovat za pouhé písmeno, snad jen větší velikosti.
V případě čistého HTML budete mít kolem obrázku, na který jste vytvořili odkaz, rámeček široký tři pixely. Barva tohoto rámečku bude navíc plně odpovídat barvám odkazů akceptovaným pro váš web (mluvili jsme o nich o něco výše v textu).
Chcete-li odstranit přidání ohraničení k obrázku, na který jste vytvořili hypertextový odkaz, musíte do značky Img přidat atribut Border s hodnotou nula:
Jedná se o velmi jednoduchý způsob, jak z obrázku vytvořit odkaz, existuje však složitější možnost zvaná obrázková mapa. V tomto případě díky použití docela velké číslo HTML tag ov a atributů, můžete z jednoho obrázku vytvořit celou mapu odkazů s aktivními oblastmi (klikací a mající různé tvary - obdélník, kruh, mnohoúhelník).
Například můžete na svou stránku umístit velkou fotografii a vytvořit ji tak, aby se po kliknutí na její různé části otevřela různé stránky prostřednictvím různých hypertextových odkazů. Ve skutečnosti by popis obrazové mapy zabral poměrně dlouho a je nepravděpodobné, že by ji někdo použil, takže to neudělám, protože „ta hra nestojí za svíčku“.
Hodně štěstí! Brzy se uvidíme na stránkách blogu
Mohlo by vás to zajímat
Select, Option, Textarea, Label, Fieldset, Legend - tags HTML formuláře rozevírací seznamy a textové pole
Jak vložit do HTML odkaz a obrázek (foto) - IMG a A tagy 
Iframe a Frame - co to je a jak nejlépe používat rámce v Html 
Znaky mezer a jejich formátování kódu v Html, stejně jako speciální nezalomitelné znaky mezer a další mnemotechnické pomůcky 
MailTo - co to je a jak vytvořit odkaz v Html pro odeslání e-mailu 
Jak se nastavují barvy v Html a CSS kódu, výběr odstínů RGB v tabulkách, výstup Yandex a další programy 
Písmo (obličej, velikost a barva), blockquote a značky Pre – starší formátování textu v čistém HTML (bez pomocí CSS)
Img - Html tag pro vložení obrázku (Src), zarovnání a obtékání textu kolem něj (align) a také nastavení pozadí (pozadí) 
Seznamy v Html kódu - značky UL, OL, LI a DL 
Nadpisové značky a atributy H1-H6, vodorovná čára Hr, konec řádku Br a konec odstavce P podle standardu Html 4.01
Ve výchozím nastavení se po klepnutí na odkaz dokument otevře v aktuálním okně nebo rámci. V případě potřeby lze tuto podmínku změnit atributem target tagu . Tento atribut není v XHTML povolen.
Syntax ... Hodnoty povinného atributuHodnota je název okna nebo rámu určený atributem name. Pokud je nastaveno neexistující jméno, otevře se nové okno. Následující názvy se používají jako vyhrazené názvy.
Prázdné Načte stránku do nového okna prohlížeče. _self Načte stránku do aktuálního okna. _parent Načte stránku do nadřazeného rámce; pokud žádné rámce nejsou, tato hodnota funguje jako _self . _top Zahodí všechny rámce a načte stránku v plném okně prohlížeče; pokud žádné rámce nejsou, tato hodnota funguje jako _self .
Výchozí ověřeníPoužití tohoto atributu je zastaralé specifikací HTML. platný kód se získá pouze při použití přechodného.
HTML5 IE Cr Op Sa Fx
Značka A, cílový atribut
Otevři v novém okně
Ve výchozím nastavení se po klepnutí na odkaz dokument otevře na aktuální kartě prohlížeče. Toto chování lze změnit pomocí atributu target prvku . Hodnota je název rámce určený atributem name prvku nebo vyhrazený klíčové slovo. Když zadáte název rámce, odkaz se otevře v rámci.
Tento atribut není v XHTML povolen.
Syntax HodnotyHodnota je název rámce určený atributem name. Pokud je nastaveno neexistující jméno, otevře se nová karta prohlížeče. Následující názvy se používají jako vyhrazené názvy.
Prázdné Načte stránku do nová karta prohlížeč. _self Načte stránku na aktuální kartu. _parent Načte stránku do nadřazeného rámce; pokud nejsou žádné snímky, pak tato hodnota funguje jako _self . _top Zahodí všechny rámce a načte stránku v celém okně prohlížeče; pokud nejsou žádné snímky, pak tato hodnota funguje jako _self .
Výchozí hodnotaPříkladAch, cílový atribut
Otevřít na nové kartě
ProhlížečeV tabulce prohlížeče jsou použity následující zápisy.
- - prvek je plně podporován prohlížečem;
- - prvek není prohlížečem vnímán a je ignorován;
- - při provozu se mohou objevit různé chyby, případně je prvek podporován s výhradami.
Číslo označuje verzi prohlížeče, ze které je prvek podporován.
PopisMůžete definovat okno, do kterého se načte webová stránka otevřená z odkazu. K tomu použijte atribut target, jehož hodnotou je název okna nebo rámu. Pokud cíl není nastaven, vrácený výsledek se zobrazí v aktuálním okně.
Hodnoty syntaxeHodnota je název okna nebo rámu. Pokud je nastaveno neexistující jméno, otevře se nové okno. Následující názvy se používají jako vyhrazené názvy.
Prázdné Načte stránku do nového okna prohlížeče. _self Načte stránku do aktuálního okna. _parent Načte stránku do nadřazeného rámce; pokud žádné rámce nejsou, tato hodnota funguje jako _self . _top Zahodí všechny rámce a načte stránku v plném okně prohlížeče; pokud žádné rámce nejsou, tato hodnota funguje jako _self .
Pokud je pro značku nastavena target="_blank ", můžete odkaz otevřít v aktuálním okně přidáním značky atribut target="_self" .
Výchozí ověřeníPoužití tohoto atributu je zamítnuto specifikací HTML; platný kód lze získat pouze při použití přechodného .
Příklad 1: Otevření odkazu v novém okněZákladní značka, cílový atribut
Příklad 2Základní značka, cílový atribut
Prohlížeče: Desktop Mobile ?| internet Explorer | Chrome | Opera | Safari | Firefox |
| 2 | 1 | 2 | 1 | 1 |
| Android | Firefox pro mobily | Opera Mobile | Safari pro mobily |
| 1 | 1 | 6 | 1 |
✖
ProhlížečeV tabulce prohlížeče jsou použity následující zápisy.
- - prvek je plně podporován prohlížečem;
- - prvek není prohlížečem vnímán a je ignorován;
- - při provozu se mohou objevit různé chyby, případně je prvek podporován s výhradami.
Číslo označuje verzi prohlížeče, ze které je prvek podporován.
Dobrý den, milí čtenáři. Vydání Odpovědí na otázky dlouho nevyšlo, myslím, že mnozí již čekali na odpovědi na své otázky. Někteří z vás již našli odpověď na svou otázku bez mé pomoci, omlouvám se, že jsem vám odpověď nedal. polepším se. Bohužel dnes také neodpovím na všechny otázky, ale pouze na jednu.
Tato otázka mi přišla docela zajímavá a užitečná, a tak jsem se rozhodl jí věnovat zvláštní pozornost. Takže tady je otázka.
Je možné pomocí tagu target="_blank" vynutit otevření odkazu v novém okně prohlížeče? Není to škodlivé? Má to na něco vliv?
Velmi zajímavá otázka, faktem je, že atribut tag , který otevře odkaz v novém okně nebo na kartě prohlížeče, target="_blank", jeden z nejkontroverznějších v HTML. I když jej sám používám a používám pro své čtenáře více než jednou, přesto stojí za to pochopit tuto problematiku a pokusit se dospět k nějakému názoru.
Zde stojí za to zvážit situaci ze dvou stran: použití cíle z hlediska ověření a otevření odkazu v novém okně nebo kartě prohlížeče z hlediska použitelnosti. Začnu tím prvním.
Atribut target="_blank" je neplatný atribut a jeho použití je povoleno pouze v přechodných dokumentech:
Pro srovnání, v Bloggeru je to takto:
obsahuje informace o typu dokumentu, povinný prvek webové stránky, který prohlížeči říká, jak má stránku interpretovat. Nebudu zabíhat do historie tvorby HTML, XML, XHTML - to vše je materiál na více než jeden článek. Ale pokusím se sdělit podstatu.
Pokud mluvíme o Bloggeru, pak je naše šablona směsí dvou jazyků - HTML a XML, v takových případech je nutné specifikovat - XHTML 1.0 Strict. Dokumenty tohoto typu musí mít jasnou syntaxi a specifikace pro dokumenty tohoto typu nemá atribut target="_blank". Proto je pro nás tento atribut neplatný a v podstatě je zakázáno jej používat.
Pokud se bavíme o jiných stránkách, je možné tam použít atribut target="_blank", pak je třeba se podívat na zdrojový kód stránky, konkrétně na položku .
Typ dokumentu nastavuje vývojář konkrétního webu v závislosti na tom, jaký jazyk nebo jeho verze se používá při rozvržení webu.
Co v takové situaci dělat?
Znám jen dvě řešení této situace. A obě možnosti zdaleka nejsou ideální.
První možností je, že aby byl dokument platný, můžete použít speciální skripty JavaScript nebo JQuery, které otevřou stránky v novém záhybu prohlížeče.
Nevýhoda této metody: pokud je v nastavení prohlížeče zakázán JavaScript, stránka se neotevře v novém okně.
Druhou možností je použít target="_blank" a tímto problémem již netrpět. I když je tento atribut neplatný, je stále podporován všemi prohlížeči. A jeho použití nijak neovlivňuje indexování webu vyhledávači.
První část otázky jsme probrali, ale jak jsem již řekl, problém má i druhou stránku – použitelnost, pohodlí pro návštěvníka. Je pro naše čtenáře pohodlné otevírat odkazy na nové kartě?
Určitá část (nemohu říci kolik) vývojářů považuje za špatnou formu připravit uživatele o možnost rozhodnout se sám, jak otevřít stránku, na stejné kartě nebo na nové. A také více A Patřím k pokročilým (zkušeným) uživatelům, kteří věří, že oni sami se mohou rozhodnout, jak odkaz otevřít, protože je to zajištěno alespoň stejnou myší. Na druhou stranu je na internetu spousta uživatelů s podprůměrnou úrovní a mnozí nevědí, že pomocí stejné myši lze otevřít libovolný odkaz v novém okně.
Pokud ještě nevíte, jak na to, řeknu vám to. Každá myš musí mít kolečko, takže pokud najedete myší na odkaz a kliknete na kolečko, odkaz se otevře v novém okně. Nebo jsou myši se třemi tlačítky a tuto funkci vykonává prostřední tlačítko. Ale jak jsem řekl, ne všichni uživatelé internetu o takové příjemné maličkosti vědí.
Z pohledu mnoha uživatelů je také vhodné, aby se interní odkaz otevíral ve stejném okně prohlížeče (záložce) a externí odkazy se otevíraly v nové záložce, pro mnohé je to jednoduché a logické.
Právě kvůli takto protichůdným názorům a kvůli rozdílné úrovni znalostí uživatelů je atribut target="_blank" a obecně problematika otevírání odkazů v novém okně tím nejdiskutovanějším tématem.
Jaký je můj názor na tuto věc? Sám jsem byl začátečník, znám spoustu lidí, kteří o internetu vědí jen Yandex a Odnoklassniki, a prostě nemají ponětí, co je to monitor, proč je na klávesnici tolik tlačítek a proč kolečko myši je vůbec potřeba ( Takové mezery se samozřejmě rychle zaplní). Sám si myslím, že otevírání nového webu na stejné záložce, kde jsem nyní, je krajně nepohodlné. I když opravdu plánuji stránky opustit, nebudu si dělat velké starosti, když předchozí kartu zavřu. Chci, aby se odkaz uvnitř webu otevřel na stejné kartě a externí odkaz na nové. Toto je můj osobní názor a netvrdím, že je pravdivý.
Pokud jste o této problematice vážně přemýšleli a rozhodli jste se použít speciální skript, pokusil jsem se pro vás najít řešení. Tento skript je vhodný pro jakýkoli web, CMS a pro platformu Blogger; jako příklad vám ukážu použití Bloggeru.
Přejděte do části Návrh – Upravit HTML, najděte kód a vložte jej před něj:
Pokud chcete své uživatele upozornit, že se odkaz otevře na nové kartě, můžete na odkaz použít styl, jako jsem to udělal já. Chcete-li to provést, přidejte do šablony před řádek ]]> následující styl:
Externí (
padding: 0 10px 2px 0;
pozadí: url(http://lh6.googleusercontent.com/_G92voTj-yF0/TcFG68RdfLI/AAAAAAAAABfA/QJM25G6lInk/externallink.gif) neopakovat pravý střed;
}
Odeslal jsem své hodnoty pole výplně. V závislosti na používaném písmu a nastavení zobrazení textu budete muset tato čísla upravit tak, aby vám vyhovovala. Můžete také nahrát obrázek do alba nebo použít úplně jiný.
Chci říct, že jsem testoval tři různé skripty a ten navržený výše nefunguje všude. Pokud vám výše navržený skript nefunguje, můžete vyzkoušet následující možnosti:
http://sites.google.com/site/seobiblioteka/extlinks.js
http://sites.google.com/site/seobiblioteka/external.js
Poslední dva skripty ale nepodporují automatické načítání stylů, takže pokud chcete pro externí odkaz použít styl odlišný od interního, pak nezapomeňte odkazu přiřadit class="external".
To je vše o použití target="_blank" a otevření odkazu na nové kartě. Doufám, že jsem odpověděl na otázku čtenáře a tyto informace budou užitečné i pro všechny ostatní.
Vážení blogeři, pokud váš dotaz souvisí s Bloggerem, vřele doporučuji položit jej na fóru. Odpovědi jsou na blogu zveřejňovány ne tak často a ne zcela pravidelně a na odpověď na docela základní otázku si musíte počkat několik týdnů. Položením otázky na fóru obdržíte odpověď ode mě nebo jiných uživatelů během několika hodin.
Přeji vám hezký víkend.