Som rád, že vás môžem privítať na stránke blogu! V dnešnom článku začneme hovoriť o jazyku hypertextu html označenie. Táto publikácia bude prvý svojho druhu (a zďaleka nie posledný), keďže som nič podobné ešte nenapísal.

Zverejniť plán:

Ale teraz, keď som nadobudol potrebné vedomosti a otestoval ich v praxi, rád sa o ne podelím so svojimi čitateľmi. Nie je bezdôvodné, koľko úsilia a času sa vynaložilo v počiatočnej fáze, napríklad, aby ste vedeli, ako vložiť odkaz do html. Prirodzene, po prečítaní môjho príspevku to budete tiež vedieť a budete to môcť urobiť.

Vo všeobecnosti stojí za zmienku, že značky odkazov sú jednoducho potrebné v práci optimalizátorov, pretože ich chlieb je spravodlivý optimalizácia pre vyhľadávače a, samozrejme, bez odkazov sa s najväčšou pravdepodobnosťou nezaobídu ani guru v oblasti SEO, nieto ešte bežní blogeri :).

Snáď html link tag A je jeden z mojich najpoužívanejších spolu s img tagom, ktorý je potrebný na zobrazovanie obrázkov v texte. V priemere každý článok, ktorý uverejním, obsahuje asi päť odkazov, a to ako na interné stránky, tak aj na externé.

Nezabudnite, že značky pre html web sa používajú nielen pri písaní príspevkov. Tiež budú potrebné pri zmene kódu šablóny, ktorú ste nainštalovali na CMS WordPress alebo inom redakčnom systéme.

Preto si treba naštudovať aspoň tie najzákladnejšie html tagy, aby ste v budúcnosti nemali problémy pri práci s odkazmi. Ak napríklad použijete " Vizuálny editor„Pri písaní vašich článkov to nie je veľmi dobré, pretože ak tento editor nefunguje, nebudete vedieť ani základný kód na pridanie odkazu.

Vo všeobecnosti vám znalosť základných pojmov v značkovacom jazyku HTML, verím, veľmi pomôže a uľahčí vám život. Napriek tomu čas, ktorý teraz strávite štúdiom materiálu, ktorý môže byť pre vás nový, nebude stratený.

Existuje aj oveľa viac nuancií, ktoré vám uľahčia prácu a o ktorých sa dočítate nižšie v mojom článku – sú to rel=”nofollow”, a target=”_blank” a mnoho ďalších zaujímavostí súvisiacich s odkazmi.

Značka odkazu A – vytvorte hypertextový odkaz v html dokumente s kotvou a bez nej

Ako som už uviedol vyššie, odkaz je u mňa jedným z najpoužívanejších html tagov. Sú potrebné, aby sa používatelia mohli jednoducho presúvať z jedného dokumentu do druhého jedným kliknutím.

Ak však chcete zadať cestu hypertextového odkazu, musíte použiť atribút href. Vďaka nemu môžete a mali by ste zadať URL stránky, na ktorú chcete odkazovať. Môžu to byť interné stránky vašej webovej lokality alebo stránky akéhokoľvek iného zdroja na World Wide Web.

Anchor html link tag Významný faktor, ktorý vyhľadávacie roboty berú do úvahy, preto mu musíte venovať osobitnú pozornosť. Odporúčam použiť v kotvičníku Kľúčové slová, pre ktorú chcete, aby sa váš článok dostal na prvé pozície vo výsledkoch vyhľadávania.

Keď sme trochu pochopili teóriu hypertextových odkazov v html dokumente, môžeme pristúpiť k názorným príkladom. Toto je kód, ktorý bude mať odkaz:

Tu by mal byť text vášho hypertextového odkazu, teda kotva

Ako vidíte, odkaz začína otváracou zátvorkou ":

Všeobecne povedané, povedať používateľovi, ako otvoriť odkaz, nie je pekné. Guru použiteľnosti webových stránok jednomyseľne tvrdia, že používateľ sa môže sám rozhodnúť, ako odkaz otvorí. Vytriedi svoje okná bez nášho želania v tejto veci. Okrem toho prerušíme funkčnosť štandardného tlačidla prehliadača „Späť“. Takéto hrubé zasahovanie do zvykov pravdepodobne spôsobí nepriateľstvo!

Navyše vzniká zlý dojem: „Používateľ opúšťa stránku! Možno sa sem už nikdy nevráti! Ah-ah-ah! Čo robiť? poďme otvoriť nový odkaz v inom okne! Možno, keď uvidí všetko, čo potrebuje, tak zatvorením tohto okna k nám opäť príde a potom sa určite stane pravidelným návštevníkom!“

Význam je, dúfam, jasný - naplňte stránku kvalitným užitočným a zaujímavým obsahom a potom sa návštevníci budú vracať vedome a nezávisle.

Okrem morálnej stránky je tu však aj technická stránka – chýba v nej cieľový atribút Špecifikácie XHTML 1.0 Prísne, a preto neprejde validáciou!

Platné riešenie: JavaScript

Ak ste sa napriek predchádzajúcim odstavcom predsa len rozhodli (alebo boli nútení) otvoriť stránku v novom okne, urobme to aspoň správne.

Tu prichádza na pomoc JavaScript. Skúsme zachytiť udalosť onclick odkazu a vynútiť si otvorenie nového okna pomocou funkcie window.open(). Potom zakážeme sledovanie odkazu v natívnom okne zadaním return false:

Odkaz sa otvorí v novom okne

Výsledné riešenie skontrolujeme: .

Všetko je skvelé. Prehliadače s istotou otvoria odkaz v novom okne. Validátor nás poteší zelenou správou o úspechu. Zdalo by sa, že sa môžete upokojiť, ale nie je to tak! Skúsme vo svojom prehliadači nastaviť blokovanie vyskakovacích okien a znova kliknúť na odkaz!

Lepšie riešenie

Blokátory automaticky otváraných okien sú primárne určené na boj proti otravným reklamám. Táto funkcia je dostupná vo všetkých moderných prehliadačoch. Niektoré prehliadače dokonca ponúkajú rôzne úrovne blokovania. Napríklad v Opere 9+ môžete blokovať buď len „nechcené“ okná, alebo všetko.

Neviem, aké percento používateľov tak radikálne zápasí s vyskakovacími oknami, ale iba s týmito nastaveniami sa namiesto otvorenia okna jednoducho zobrazí malá výzva „vyskakovacie okno je zablokované“. Navyše aj tento prejav reakcie prehliadača na kliknutie je možné zakázať v nastaveniach. V tomto prípade odkaz jednoducho stratí funkčnosť: „Kliknem, ale nič sa nestane!“

Ak po prečítaní tohto článku niekto povedal: „Nemôžete potešiť každého! No kto je ich doktor, že im je všetko vypnuté!“, potom s takýmito ľuďmi nie sme na rovnakej ceste. Vo zvyšku budeme pokračovať.

Odkaz sa otvorí v novom okne

Tu sme využili fakt, že funkcia window.open() vracia pravda, ak sa okno úspešne otvorilo a inak je nesprávne. To znamená, že v prípade, že sa odkaz úspešne otvorí v novom okne, zablokujeme otvorenie odkazu v jeho vlastnom okne, pretože návrat bude!true=false. A naopak, ak sa okno nedalo otvoriť, návrat true umožní odkazu normálne fungovať.

Dobrý deň, milí čitatelia. Vydanie Odpovedí na otázky už dlho nevyšlo, myslím, že mnohí už čakali na odpovede na svoje otázky. Niektorí z vás už našli odpoveď na svoju otázku bez mojej pomoci, ospravedlňujem sa, že som vám nedal odpoveď. polepším sa. Bohužiaľ, dnes tiež neodpoviem na všetky otázky, ale iba na jednu.

Túto otázku som považoval za celkom zaujímavú a užitočnú, preto som sa jej rozhodol venovať osobitnú pozornosť. Takže tu je otázka.

Je možné použiť značku target="_blank" na vynútenie otvorenia odkazu v novom okne prehliadača? Nie je to škodlivé? Má to na niečo vplyv?

Veľmi zaujímavá otázka, faktom je, že atribút tag , ktorý otvorí odkaz v novom okne alebo na karte prehliadača, target="_blank", jeden z najkontroverznejších v HTML. Aj keď ho sám používam a používam viackrát pre svojich čitateľov, stále stojí za to pochopiť túto problematiku a pokúsiť sa dospieť k nejakému názoru.

Tu stojí za to zvážiť situáciu z dvoch strán: použitie cieľa z hľadiska overenia a otvorenie odkazu v novom okne alebo karte prehliadača z hľadiska použiteľnosti. Začnem prvým.

Atribút target="_blank" je neplatný atribút a jeho použitie je povolené len v prechodných dokumentoch:

Pre porovnanie, v Bloggeri je to takto:

obsahuje informácie o type dokumentu, čo je povinný prvok webovej stránky, ktorý prehliadaču hovorí, ako má stránku interpretovať. Nebudem zachádzať do histórie tvorby HTML, XML, XHTML - to všetko je materiál na viac ako jeden článok. Ale pokúsim sa priblížiť podstatu.

Ak hovoríme o Bloggeri, potom naša šablóna je zmesou dvoch jazykov - HTML a XML, v takýchto prípadoch je potrebné špecifikovať - ​​XHTML 1.0 Strict. Dokumenty tohto typu musia mať jasnú syntax a špecifikácia dokumentov tohto typu nemá atribút target="_blank". Preto je pre nás tento atribút neplatný a v podstate je zakázané ho používať.

Ak sa bavíme o iných stránkach, je možné tam použiť atribút target="_blank", tak si treba pozrieť zdrojový kód stránky, konkrétne položku .

Typ dokumentu nastavuje vývojár konkrétnej stránky v závislosti od toho, aký jazyk alebo jeho verzia sa používa pri rozvrhnutí stránky.

Čo robiť v takejto situácii?
Poznám len dve riešenia tejto situácie. A obe možnosti nie sú ani zďaleka ideálne.

Prvou možnosťou je, že na to, aby bol dokument platný, môžete použiť špeciálne skripty JavaScript alebo JQuery, ktoré otvoria stránky v novom záhybe prehliadača.

Nevýhoda tejto metódy: ak je JavaScript zakázaný v nastaveniach prehliadača, stránka sa neotvorí v novom okne.

Druhou možnosťou je použiť target="_blank" a týmto problémom už netrpieť. Aj keď je tento atribút neplatný, stále ho podporujú všetky prehliadače. A jeho používanie nijako neovplyvňuje indexovanie stránky vyhľadávačmi.

Prvú časť otázky sme rozobrali, ale ako som už povedal, problém má aj druhú stránku – použiteľnosť, pohodlie pre návštevníka. Je pre našich čitateľov vhodné otvárať odkazy na novej karte?

Určitá časť (neviem povedať koľko) vývojárov považuje za zlú formu pripraviť používateľa o možnosť rozhodnúť sa, ako otvoriť stránku na tej istej karte alebo na novej. A tiež, viac A Patrím medzi pokročilých (skúsených) používateľov, ktorí veria, že sa sami môžu rozhodnúť, ako odkaz otvoriť, pretože je to poskytované aspoň jednou myšou. Na druhej strane je na internete množstvo používateľov s podpriemernou úrovňou a mnohí nevedia, že pomocou tej istej myši si otvoríte akýkoľvek odkaz v novom okne.

Ak ešte neviete, ako na to, poviem vám to. Každá myš musí mať koliesko, takže ak prejdete myšou na odkaz a kliknete na koliesko, odkaz sa otvorí v novom okne. Alebo existujú myši s tromi tlačidlami a túto funkciu vykonáva stredný kláves. Ale ako som povedal, nie všetci používatelia internetu vedia o takejto príjemnej maličkosti.

Z pohľadu mnohých používateľov je tiež vhodné, aby sa interný odkaz otvoril v tom istom okne prehliadača (záložka) a externé odkazy sa otvorili na novej karte, pre mnohých je to jednoduché a logické.

Práve pre takéto protichodné názory a pre rôznu úroveň vedomostí používateľov je prívlastok target="_blank" a celkovo problematika otvárania odkazov v novom okne najdiskutovanejšou témou.

Aký je môj názor na túto vec? Sám som bol začiatočník, poznám veľa ľudí, ktorí o internete vedia len Yandex a Odnoklassniki, a jednoducho nemajú poňatia, čo je monitor, prečo je na klávesnici toľko tlačidiel a prečo koliesko myši. je vôbec potrebné ( Samozrejme, takéto medzery sa rýchlo vyplnia). Sám si myslím, že otváranie novej stránky na tej istej karte, kde som teraz, je mimoriadne nepohodlné. Aj keď naozaj plánujem opustiť stránku, nebudem si robiť veľké starosti, ak zatvorím predchádzajúcu kartu. Chcem, aby sa odkaz na stránke otvoril na tej istej karte a externý odkaz na novej. Toto je môj osobný názor a netvrdím, že je pravdivý.

Ak ste sa nad touto problematikou vážne zamysleli a rozhodli ste sa použiť špeciálny skript, pokúsil som sa pre vás nájsť riešenie. Tento skript je vhodný pre všetky webové stránky, CMS a pre platformu Blogger; ako príklad vám ukážem používanie služby Blogger.

Prejdite do časti Návrh – Upraviť HTML, nájdite kód a vložte ho pred neho:

Ak chcete svojich používateľov upozorniť, že odkaz sa otvorí na novej karte, môžete na odkaz použiť štýl, ako som to urobil ja. Ak to chcete urobiť, pridajte nasledujúci štýl do šablóny pred riadok ]]>:

Vonkajšie (
padding: 0 10px 2px 0;
pozadie: url(http://lh6.googleusercontent.com/_G92voTj-yF0/TcFG68RdfLI/AAAAAAAAABfA/QJM25G6lInk/externallink.gif) pravé centrum bez opakovania;
}

Uverejnil som hodnoty svojich polí výplne. V závislosti od používaného písma a nastavení zobrazenia textu budete musieť tieto čísla upraviť tak, aby vám vyhovovali. Môžete tiež nahrať obrázok do svojho albumu alebo použiť úplne iný obrázok.

Chcem povedať, že som testoval tri rôzne skripty a ten navrhnutý vyššie nefunguje všade. Ak vám vyššie navrhnutý skript nefunguje, môžete vyskúšať nasledujúce 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čítavanie štýlov, takže ak chcete použiť štýl pre externý odkaz, ktorý je odlišný od interného, ​​potom nezabudnite odkazu priradiť class="external".

To je všetko o použití target="_blank" a otvorení odkazu na novej karte. Dúfam, že som odpovedal na otázku čitateľa a tieto informácie budú užitočné aj pre všetkých ostatných.

Milí blogeri, ak vaša otázka súvisí s Bloggerom, vrelo odporúčam položiť ju na fóre. Odpovede sa na blogu nezverejňujú tak často a nie celkom pravidelne a na odpoveď na celkom základnú otázku si musíte počkať niekoľko týždňov. Položením otázky na fóre dostanete odpoveď odo mňa alebo iných používateľov do niekoľkých hodín.
Pekný víkend.

Dobrý deň, milí čitatelia blogu. Dnes chcem podrobnejšie hovoriť o tom, v čom je hypertextový odkaz jazyk HTML, ako ich umiestniť do textu na stránke, ako vytvoriť odkaz na obrázok, ako správne použiť značku „A“ a jej atribúty „Href“ a „Cieľové prázdne“ (otvoriť v novom okne).

Vo všeobecnosti je kľúčovým prvkom hypertextový odkaz. Odkazy sú dnes navyše jedným z troch hlavných faktorov ovplyvňujúcich úspešnú propagáciu webovej stránky. Ich správne uplatňovanie a pochopenie napríklad toho, ako ovplyvňujú ich účtovníctvo vyhľadávače, môže výrazne ovplyvniť návštevnosť vášho zdroja.

Čo sú hypertextové odkazy a kotvy?

Takže sme sa už zoznámili so zastaranými značkami, ktoré sa neodporúčajú na každodenné používanie. Pokračujme v ďalšom spoznávaní.

Aby sme vytvorili hypertextový odkaz v Html kóde, budeme musieť použiť aj značku A. Môžeme na to použiť rôzne atribúty, nastaviť napríklad URL adresu cieľa pre pohyb po tomto odkaze (href) alebo pokyn otvorí sa v novom okne (target= _blank). Ale povedzme si o všetkom pekne po poriadku.

Ako sme už spomenuli vyššie, hypertextové odkazy sú kľúčovým prvkom jazyka Html a umožňujú vám odkazovať na interné stránky vašej vlastnej stránky a na iné internetové zdroje. Poviem banalitu - nasledovanie odkazu sa vykonáva kliknutím naň (čo ste si mysleli?).

Okrem toho, že sa dajú rozdeliť na interné alebo externé, môžu byť aj pomocné a používané výhradne pre potreby prehliadača, ktorým sa budú otvárať stránky vášho webu.

V tomto prípade nebudú na stránke viditeľné, pretože sú registrované v oblasti Head zdrojový kód dokument, ktorého obsah sa na stránke nezobrazuje (štruktúru kódu hypertextového značkovacieho jazyka som spomenul v článku o).

Hypertextové odkazy služby sa nevytvárajú pomocou značky „A“ (ako bežné), ale pomocou značky „Link“. Existuje pomerne veľa úloh, ktoré vykonávajú, napríklad ich pomocou HTML dokument externé súbory s kaskádovými štýlmi CSS alebo napríklad .

Dnes sa však nepozrieme na to, ako ich môžete vytvoriť (k nim sa dostaneme neskôr), ale podrobne sa zastavíme pri viditeľných odkazoch, ktoré je možné vytvoriť v oblasti Telo a podľa toho sa budú zobrazovať na webovú stránku.

Všetky hypertextové odkazy (viditeľné aj servisné) však majú jedno spoločné – všetky obsahujú požadovaný atribút Href. V ňom je ako jeho hodnota napísané určité miesto v dokumente (ak bolo predtým označené kotvou) alebo adresa samotného dokumentu na internete (v Href, alebo inak povedané, cesta na stránku alebo je zapísaný nejaký iný súbor).

Hypertextové odkazy sú navigačné prvky, ktoré sú určené na to, aby vás preniesli do iných dokumentov v sieti alebo na navigáciu cez obsah webovej stránky, ktorú si už prezeráte, pomocou vopred vytvorených značiek v tele dokumentu, ktoré sa tiež nazývajú kotvy Html.

Tu môže nastať zmätok, pretože... v SEO je slovo , ale v Html „kotva“ znamená kotvu (preklad slova kotva) alebo značku v texte, na ktorú sa potom dá odkazovať.

Prečo sa v HTML používajú kotvy? To je celkom výhodné pri vytváraní navigácie na pomerne dlhej webovej stránke. Určite ste to už videli na internete, keď na stránke, ktorú otvoríte, sú hneď pod jej názvom názvy sekcií článku uverejneného na tejto stránke.

Čitateľ tak bude môcť okamžite prejsť na miesto na stránke, kde sa nachádza informácia, ktorá ho zaujíma, než sa trápiť s listovaním v texte a vizuálnym hľadaním toho správneho miesta. Pohodlné a zlepšuje.

Ako sa vytvárajú kotvy a hash odkazov

Našou úlohou v tomto prípade bude teda nainštalovať kotvy na správne miesta na stránke (dokumente), čo bude vo všeobecnosti vyzerať takto:

Tie. ak chcete vytvoriť kotvu, musíte do prázdnej značky hypertextového odkazu „A“ zadať jeden atribút „Name“, ktorého hodnota používa jedinečný štítok, ktorý by nemal obsahovať medzery a v ktorom môžete použiť latinské znaky, čísla , pomlčky a podčiarkovníky (v úplnej analógii s pravidlami, podľa ktorých môžete vytvárať adresy URL - ,,,[_],[-]).

V tomto prípade kotva nebude viditeľná na samotnej stránke, pretože Do prvkov „A“ sme nenapísali žiadny text. Takto vytvorené kotvy však budú znečisťovať Html kód, a preto teraz oveľa častejšie ako kotvy používajú na vytvorenie štítku iný spôsob.

V tomto prípade nemusíte vytvárať prázdnu značku „A“, ale môžete použiť ktorýkoľvek z už dostupných prvkov na správnom mieste v texte. Môžu to byť napríklad .

Tie. na vytvorenie analógu kotvy stačí ľubovoľnej značke priradiť univerzálny atribút ID (dá sa použiť pre všetky značky a mimochodom na nej fungujú), napríklad takto:

Text nadpisu

Takže teraz namiesto vytvorenia požadovaného počtu kotiev znečisťujúcich kód a objavujúcich sa na tento moment nie je platný (neodporúča ho konzorcium W3C, ktoré vyvíja jazyk Html), jednoducho pridáme Id.

Ukazuje sa, že na to budete musieť ako obvykle vložiť požadovaný atribút „Href“ do hypertextového odkazu „A“, ktorého hodnota sa však vytvorí z názvu požadovaného štítka (kotvy), ktorému predchádza hash. znak „#“, ktorý sa tiež nazýva hash (Mimochodom, toto je miesto, kde rastú nohy často používaného názvu: link hash):

sa presunie na miesto stránky označené kotvou

Upozorňujeme, že keď kliknete na takýto hypertextový odkaz, nový dokument sa neotvorí. Prehliadač sa už bude posúvať otvorte stránku do takej polohy, že miesto v texte, kam ste vložili kotvu, zaujalo pozíciu úplne hore na obrazovke. Bolo by logické predpokladať, že hodnoty všetkých značiek (kotvy) na jednej stránke by mali byť jedinečné, aby sa predišlo nejasnostiam v prehliadači.

Ak vytvoríte kotvu pomocou atribútu ID vo vhodne umiestnenom tagu, potom musíte vziať do úvahy, že okrem obmedzenia typu použitých znakov (,,,[_],[-]) bude hodnota ID musí začínať latinkou.

Potom môžu byť všetky platné znaky umiestnené v ľubovoľnom množstve, ale prvý znak kotviaceho štítku v hodnote atribútu ID musí byť písmeno (samozrejme latinka). V opačnom prípade takáto kotva vložená do Html kódu nebude fungovať (vo väčšine prehliadačov).

Ak za symbolom hash „#“ nenapíšete žiadny názov kotevného štítku (href="#"), potom takýto hypertextový odkaz posunie stránku na začiatok. Takto môžete vytvoriť jednoduché tlačidlo „Späť na začiatok“ vytvorením odkazu z obrázka (o tom si povieme trochu neskôr) a jeho vložením do šablóny webu, napríklad takto:

Href je povinný atribút značky každého hypertextového odkazu

Teraz prejdime od navigácie vo vnútri dokumentu (pomocou kotiev) k externej navigácii, t.j. budeme musieť vytvoriť odkazy vedúce na iné dokumenty na našej alebo inej stránke. Teraz v atribúte Href už nemusíme špecifikovať kotevné štítky, ale cestu k súboru, ktorý sa má otvoriť (stránka je podľa návrhu súbor načítaný do prehliadača na následné zobrazenie).

Kotva

Tu by sme mali hovoriť ďalej, ale už som o nich podrobnejšie písal v uvedenom materiáli, takže asi nemá zmysel sa opakovať. Musíte však vedieť, ako nastaviť cestu k súboru v atribúte Href hypertextového odkazu, ktorý ste vytvorili. Preto sa nepokúšajte zoznámiť sa s poskytnutým materiálom.

Dovoľte mi však pripomenúť, že pri vytváraní adries URL je vhodnejšie použiť iba nasledujúce znaky: (,,,[_],[-]) a nepoužívať medzery. Ak vezmeme do úvahy obsah atribútu Href pre absolútne odkazy, potom ho možno schematicky znázorniť takto:

Ak zahodíme to, čo budete používať len zriedka, môžete to isté prezentovať v trochu zjednodušenej forme:

Protokol (zvyčajne http)://názov_domény (napríklad webová lokalita)/cesta_k_súboru ( internetové stránky)

Okrem jednoduchého protokolu http možno na internete nájsť prepojenia s protokolom https, ktorý sa líši tým, že používa šifrovanie. Ten sa používa na stránkach, kde je potrebné chrániť kanál výmeny údajov medzi serverom a prehliadačom klienta. Používa sa napríklad v službách elektronických peňazí Web Money.

Na internete môžete nájsť rôzne verzie obsahu Href, napríklad túto:

Https://site/videokursy

Alebo toto (s príponou súboru):

Https://site/seo/kak-raskrutit-sajt.html

To nemení podstatu, ale ak je na konci obsahu atribútu Href vnútri hypertextového odkazu lomka, znamená to, že prístup už nie je k súboru, ale k priečinku, v ktorom bude príslušný indexový objekt vyhľadávať (pre viac podrobností si prečítajte vyššie uvedený článok o url adresách).

Stiahnite si niečo z odkazu

Ako vidíte, tento hypertextový odkaz sa nelíši od bežného odkazu, len prehliadač chápe, že potrebuje stiahnuť súbor s príponou zip, a nesnažiť sa ho otvoriť na prezeranie, ako napríklad súbory dokumentov s html rozšírenie. Toto všetko si však môžete prispôsobiť čisto individuálne vo svojom prehliadači tak, aby vyhovoval vašim osobným potrebám.

Stiahnite si z FTP servera

Môžete tiež napríklad vytvoriť (e-mail) pridaním príslušnej adresy URL do Href:

Napísať list

Po kliknutí na tento odkaz sa na vašom počítači otvorí predvolený odkaz, ktorý používate. poštový program(v prehliadači môžete nakonfigurovať odkazy s mailto v Href na otváranie v Gmaile atď.) a zobrazí sa dialóg na vytvorenie nového listu, v ktorom sa do poľa „Komu“ vloží e-mailová adresa uvedená v Href.

V skutočnosti môžete vytvoriť pomerne zložité e-mailové odkazy, pomocou ktorých sa vyplnia ďalšie polia v dialógovom okne odosielania e-mailov, ale to sa používa pomerne zriedka.

A vo všeobecnosti webmasteri V poslednej dobe Prakticky sme prestali používať hypertextové odkazy s mailto v Href z dôvodu, že ich rozoberajú spameri so všetkými z toho vyplývajúcimi dôsledkami. Je lepšie si to vytvoriť na webe, aj keď na stránke kontaktov mám stále všetko prezentované v klasickej forme. Mal by som to vo voľnom čase zmeniť (alebo nie... popremýšľam o tom).

Ako otvoriť odkaz v novom okne (cieľ je prázdny)

Pri vytváraní odkazov v Html kóde sa často stretávame s otázkou – v akom okne prehliadača máme otvoriť dokument, na ktorý vedie? V predvolenom nastavení sa otvorí v existujúcom okne, ktoré prekrýva stránku, z ktorej bol tento hypertextový odkaz umiestnený.

Osobne som veľkým zástancom atribútu Target s hodnotou blank , ktorý umožňuje otvoriť stránku v novom okne, pričom dokument, kde bol odkaz umiestnený, zostane otvorený. Neviem, ako to ovplyvňuje použiteľnosť môjho blogu, ale táto možnosť sa mi páči viac a používam ju takmer vo všetkých prípadoch.

Vo vyhľadávačoch si tiež rád nastavujem otváranie odkazov v novom okne, aby boli výsledky vždy po ruke a vždy sa k nim dalo vrátiť. Na tieto účely, ako už bolo spomenuté, Html používa špeciálny atribút Target, ktorý má štandardne hodnotu Self:

Otvorí dokument v rovnakom okne

Síce do tagu "A" samozrejme nikto nepíše target="_self", pretože táto hodnota sa používa štandardne, ale ak potrebujete stránku otvoriť v novom okne, budete musieť napísať target="_blank ":

Otvorí sa v novom okne

Upozorňujeme, že hodnoty atribútu Target sa píšu s podčiarkovníkom na začiatku (_blank), pretože je to stanovené vo validátore Wc3, ktorý obsahuje diery v jazyku hypertextu. Je pozoruhodné, že Html poskytuje možnosť zmeniť predvolenú možnosť otvárania odkazu.

Napríklad, ak chcete, aby sa všetky hypertextové odkazy na vašej lokalite otvárali v novom okne, budete musieť pridať značku Base s atribútom target="_blank" do oblasti Head šablóny, ktorú používate:

je tam niečo iné

A teraz, ak chcete otvoriť jeden z odkazov v tom istom okne, budete musieť pridať target="_self" k jeho značke "A", pretože štandardne teraz používate _blank. Oh, ako.

Mimochodom, prvok Base som použil vyššie opísaným spôsobom, ale zároveň som v ňom uzavrel oblasť kódu s niekoľkými hypertextovými odkazmi, ktoré bolo potrebné otvoriť v novom okne. Tie. Použil som aj uzatváraciu značku Base vo vnútri oblasti Body a fungovalo to. Aj keď sa takýto kód, samozrejme, ukáže ako neplatný.

Farby po umiestnení kurzora myši a kliknutia na hypertextový odkaz – ako ich zmeniť

Jazyk Html bol navrhnutý tak, aby používateľ mohol ľahko navigovať, ktorý odkaz už otvoril a ktorý zostal nedotknutý.

Na tento účel sa používa farba, ktorá sa zmení, keď používateľ klikne na hypertextový odkaz a dokument, ktorý je naň prepojený, sa úspešne otvorí. Po návrate na pôvodnú stránku používateľ zistí, že odkaz, ktorý navštívil, zmenil farbu. Všetky prehliadače dokážu tento trik.

Štandardne v čistom HTML (bez použitia CSS vlastnosti) odkazy sú zvýraznené podčiarknutím a môžu mať tri farebné možnosti:

Modrá je farba pre nesledované odkazy, na ktoré používateľ ešte neklikol

Červená - je akceptovaná hypertextovým odkazom ihneď po kliknutí naň a kým sa požadovaný dokument nestiahne do prehliadača používateľa cez sieť (v moderných podmienkach nie je vôbec ľahké zachytiť tento moment a všetko je na vine)

Fialová je farba použitých odkazov, ktoré používateľ už sledoval

V Html 4.01 sú tieto farby pre odkazy predvolené, ale možno ich zmeniť pomocou špeciálnych atribútov, ktoré sa zapisujú do značky Body, ktorú nájdete v jednom zo súborov šablóny, ktorú používate. Na zmenu všetkých troch farieb sa používajú tri atribúty:

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

Alink - farba aktuálne aktívnej farby, ktorá je spracovávaná prehliadačom

Vlink – farba hypertextového odkazu, ktorý už používateľ navštívil

Pamätajte, už som písal o tom, ako. V súlade s tým môžu uvedené atribúty vyzerať takto:

Prirodzene, čo sa tu myslelo, bola čistá možnosť Html, keď z nejakého dôvodu nie je vhodné alebo možné použiť styling, inak sa všetky tieto farby dajú ľahko nastaviť a zmeniť pomocou .

Ako urobiť z obrázku odkaz - dva spôsoby

Tu je všetko celkom jednoduché. Pretože je prvok s malým písmenom, potom možno vo všeobecnosti akýkoľvek obrázok považovať len za písmeno, možno len väčšej veľkosti.

V prípade čistého HTML budete mať okolo obrázka, z ktorého ste vytvorili odkaz, rám široký tri pixely. Okrem toho bude farba tohto rámca plne zodpovedať farbám odkazov akceptovaným pre vašu stránku (hovorili sme o nich trochu vyššie v texte).

Ak chcete odstrániť pridanie orámovania k obrázku, ktorý ste vytvorili hypertextovým odkazom, musíte do značky Img pridať atribút Border s hodnotou nula:

Toto je veľmi jednoduchý spôsob, ako urobiť z obrázka odkaz, ale existuje aj zložitejšia možnosť nazývaná obrázková mapa. V tomto prípade, vďaka použitiu pomerne veľkého množstva HTML tagov a atribútov, môžete z jedného obrázku urobiť celú mapu odkazov s aktívnymi oblasťami (klikateľné a majúce rôzne tvary - obdĺžnik, kruh, mnohouholník).

Môžete napríklad umiestniť na svoju stránku veľkú fotografiu a mať ju tak, že keď kliknete na jej rôzne časti, otvoria sa rôzne stránky s rôznymi hypertextovými odkazmi. V skutočnosti by opísanie obrázkovej mapy trvalo dosť dlho a je nepravdepodobné, že by ju niekto použil, takže to neurobím, pretože „ta hra nestojí za sviečku“.

Veľa šťastia! Uvidíme sa čoskoro na stránkach blogu

Mohlo by vás zaujímať

Select, Option, Textarea, Label, Fieldset, Legend - tags HTML formuláre rozbaľovacie zoznamy a textové pole
Ako vložiť do HTML odkaz a obrázok (foto) - IMG a A tagy
Iframe a Frame - čo sú a ako najlepšie používať rámce v Html
Medzery a ich formátovanie kódu v Html, ako aj špeciálne znaky neprerušiteľný priestor a iné mnemotechnické pomôcky
MailTo - čo to je a ako vytvoriť odkaz v Html na odoslanie e-mailu
Ako sa nastavujú farby v Html a CSS kóde, výber odtieňov RGB v tabuľkách, výstup Yandex a iné programy
Písmo (Tvár, Veľkosť a Farba), Blockquote a Pre tagy – staršie formátovanie textu čisté HTML(bez pomocou CSS)
Img - Html tag na vloženie obrázka (Src), zarovnanie a obtekanie textu okolo neho (align), ako aj nastavenie pozadia (pozadia)
Zoznamy v Html kóde - značky UL, OL, LI a DL
Značky a atribúty nadpisov H1-H6, horizontálna čiara Hr, zalomenie riadku Br a zalomenie odseku P podľa normy Html 4.01