Jsem rád, že vás mohu přivítat na stránkách blogu! V dnešním článku začneme mluvit o hypertextovém jazyce html označení. Tato publikace bude první svého druhu (a zdaleka ne poslední), jelikož jsem nic podobného ještě nenapsal.

Plán příspěvku:

Ale teď, když jsem získal potřebné znalosti a vyzkoušel je v praxi, rád se o ně podělím se svými čtenáři. Není bezdůvodné, kolik úsilí a času bylo vynaloženo v počáteční fázi, například, abyste věděli, jak vložit odkaz do html. Po přečtení mého příspěvku to samozřejmě také budete vědět a umět.

Obecně stojí za zmínku, že značky odkazů jsou v práci optimalizátorů prostě nezbytné, protože jejich chleba je spravedlivý optimalizace pro vyhledávače a samozřejmě bez odkazů se nejspíš neobejdou ani guruové v oblasti SEO, natož obyčejní blogeři :).

Snad html link tag A je jeden z mých nejpoužívanějších spolu s img tagem, který je nezbytný pro zobrazování obrázků v textu. V průměru každý článek, který publikuji, obsahuje asi pět odkazů, a to jak na interní stránky, tak na externí.

Nezapomeňte, že značky pro html web se nepoužívají pouze při psaní příspěvků. Budou také potřeba při změně kódu šablony, kterou jste nainstalovali do CMS WordPress nebo jiného redakčního systému.

Proto je potřeba si nastudovat alespoň ty nejzákladnější html tagy, abyste v budoucnu neměli problémy při práci s odkazy. Pokud například použijete " Vizuální editor„Při psaní vašich článků to není moc dobré, protože pokud tento editor nefunguje, nebudete znát ani základní kód pro přidání odkazu.

Obecně se domnívám, že znalost základních pojmů ve značkovacím jazyce HTML vám velmi pomůže a usnadní vám život. Přesto čas, který nyní strávíte studiem materiálu, který pro vás může být nový, nebude promarněn.

Existuje také mnohem více nuancí, které vám usnadní práci a o kterých se dočtete níže v mém článku – jsou to rel=”nofollow”, a target=”_blank” a mnoho dalších zajímavostí souvisejících s odkazy.

Značka odkazu A – vytvoření hypertextového odkazu v html dokumentu s kotvou i bez ní

Jak jsem již uvedl výše, odkaz je mnou jeden z nejpoužívanějších html tagů. Jsou potřeba, aby uživatelé mohli snadno přecházet z jednoho dokumentu do druhého jedním kliknutím.

Chcete-li však zadat cestu hypertextového odkazu, musíte použít atribut href. Díky němu můžete a měli byste zadat URL stránky, na kterou chcete odkazovat. Mohou to být buď interní stránky vašeho webu nebo stránky jakéhokoli jiného zdroje na World Wide Web.

Anchor html link tag Významný faktor, který vyhledávací roboti berou v úvahu, takže mu musíte věnovat zvláštní pozornost. Doporučuji použít v kotvičce klíčová slova, u kterého chcete, aby se váš článek dostal na první pozice ve výsledcích vyhledávání.

Když jsme trochu pochopili teorii hypertextových odkazů v html dokumentu, můžeme přistoupit k názorným příkladům. Toto je kód, který bude mít odkaz:

Zde by měl být text vašeho hypertextového odkazu, tedy kotva

Jak vidíte, odkaz začíná otevírací závorkou ":

Obecně řečeno, říkat uživateli, jak otevřít odkaz, není hezké. Guruové použitelnosti webových stránek jednomyslně tvrdí, že uživatel sám se může rozhodnout, jak odkaz otevřít. Vytřídí svá okna bez našeho přání v této věci. Kromě toho také přerušíme funkčnost standardního tlačítka prohlížeče „Zpět“. Takový hrubý zásah do zvyků pravděpodobně způsobí nepřátelství!

Navíc vzniká špatný dojem: „Uživatel opouští web! Možná se sem nikdy nevrátí! Ah ah ah! Co dělat? otevřeme nový odkaz v jiném okně! Možná, že až uvidí vše potřebné, tak zavřením tohoto okna k nám zase zavítá a pak se určitě stane pravidelným návštěvníkem!“

Smysl je, doufám, jasný – naplňte web kvalitním užitečným a zajímavým obsahem a návštěvníci se pak budou vědomě a nezávisle vracet.

Kromě morální stránky je tu však i stránka technická – chybí v ní atribut target Specifikace XHTML 1.0 Přísné, a proto neprojde validací!

Platné řešení: JavaScript

Pokud jste se i přes předchozí odstavce přesto rozhodli (nebo byli nuceni) otevřít stránku v novém okně, udělejme to alespoň správně.

Zde přichází na pomoc JavaScript. Zkusme zachytit událost onclick odkazu a vynutit otevření nového okna pomocí funkce window.open(). Poté zakážeme následování odkazu v nativním okně zadáním return false:

Odkaz se otevře v novém okně

Výsledné řešení zkontrolujeme: .

Všechno je skvělé. Prohlížeče s jistotou otevřou odkaz v novém okně. Validátor nás potěší zelenou zprávou o úspěchu. Zdálo by se, že se můžete uklidnit, ale není tomu tak! Zkusme ve vašem prohlížeči nastavit blokování vyskakovacích oken a znovu kliknout na odkaz!

Lepší řešení

Blokátory vyskakovacích oken jsou primárně určeny k boji proti otravným reklamám. Tato funkce je dostupná ve všech moderních prohlížečích. Některé prohlížeče dokonce nabízejí různé úrovně blokování. Například v Opeře 9+ můžete blokovat buď jen „nechtěná“ okna, nebo vše.

Nevím, jaké procento uživatelů tak radikálně bojuje s vyskakovacími okny, ale pouze s tímto nastavením se místo otevření okna jednoduše objeví malá výzva „vyskakovací okno je blokováno“. Navíc i tento projev reakce prohlížeče na kliknutí lze v nastavení zakázat. V tomto případě odkaz jednoduše ztratí funkčnost: „Klikám, ale nic se neděje!“

Kdyby někdo po přečtení tohoto řekl: „Nemůžete se zalíbit všem! No, kdo je jejich doktor, že je pro ně všechno vypnuté!“, pak s takovými nejsme na stejné cestě. Ve zbytku budeme pokračovat.

Odkaz se otevře v novém okně

Zde jsme využili toho, že funkce window.open() vrací skutečný, pokud se okno otevřelo úspěšně a jinak je nepravdivé. To znamená, že v případě, že se odkaz úspěšně otevřel v novém okně, zablokujeme otevření odkazu v jeho vlastním okně, protože návrat bude!pravda=nepravda. A naopak, pokud se okno nepodařilo otevřít, návrat true umožní odkazu normálně fungovat.

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.

Dobrý den, milí čtenáři tohoto blogu. Dnes chci mluvit podrobněji o tom, co je hypertextový odkaz jazyk HTML, jak je umístíte do textu na 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 štítky, které se nedoporučují pro každodenní použití. Pokračujme v dalším poznávání.

Abychom vytvořili hypertextový odkaz v Html kódu, budeme potřebovat také značku A. K tomu můžeme použít různé atributy, nastavit například URL adresu cíle pro pohyb po tomto odkazu (href) nebo instruovat otevře se v novém okně (target= _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 jsou registrováni v oblasti Head zdrojový kód dokument, 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 externí soubory s CSS kaskádovými styly nebo například .

Dnes se ale nepodíváme na to, jak je můžete vytvořit (k nim se dostaneme později), ale podrobně se zastavíme u viditelných odkazů, které lze vytvořit uvnitř oblasti Tělo a podle toho se zobrazí na webovou stránku.

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 to viděli na internetu, když na stránce, kterou otevřete, jsou hned pod jejím názvem 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:

Href je povinný atribut značky každého hypertextového odkazu

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, lze jej schematicky znázornit 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ých peněz Web Money.

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, ​​pouze prohlížeč chápe, že potřebuje stáhnout soubor s příponou zip, a nepokoušet se jej 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 Nedávno Hyperlinky s mailto jsme v Href prakticky přestali používat z důvodu jejich parsování 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ěnit

Jazyk 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:

Modrá je barva pro nesledované odkazy, na které uživatel ještě neklikl

Červená - je akceptována hypertextovým odkazem ihned po kliknutí na něj a dokud se požadovaný dokument nestáhne do prohlížeče uživatele přes síť (v moderních podmínkách není vůbec snadné tento okamžik zachytit a všude je na vině všechno)

Fialová je barva pro použité odkazy, které uživatel již sledoval

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:

Odkaz—nastaví barvu nenavštíveného odkazu

Alink - barva aktuálně aktivní, která je zpracovávána prohlížečem

Vlink – barva hypertextového odkazu, který již uživatel navštívil

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ůsoby

No, 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í poměrně velkého množství HTML tagů 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 mít ji tak, že když kliknete na její různé části, otevřou se různé stránky s různými hypertextovými odkazy. 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
Prázdné znaky a jejich formátování kódu v Html, stejně jako speciální znaky nepřerušitelný prostor 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 čisté 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