Povinný parametr značky je atribut href, který určuje URL webové stránky.

Odkaz má dvě části − ukazatel A adresní část. ukazatel odkazu představuje část textu nebo obrázek viditelný uživateli. Část adresy odkaz není viditelný pro uživatele, představuje adresu zdroje, ke kterému chcete přejít.

Adresová část odkazu se skládá z URL. URL(Uniform Resource Locator) – jednotná adresa zdroje. Při vytváření adres k oddělení slov se doporučuje používat spíše pomlčku než podtržítko. Obecně má adresa URL následující formát:

Metoda přístupu://název_serveru:port/cesta

Metoda přístupu, neboli protokol, vyměňuje data mezi pracovními stanicemi v různých sítích. Nejběžnější protokoly přenosu dat:

soubor načte soubor z místního disku:

Soubor:/gallery/pictures/summer.html

http poskytuje přístup k webové stránce pomocí protokolu HTTP:

http://site.ru/

https je speciální implementace protokolu HTTP, která používá šifrování (obvykle SSL nebo TLS)

https://site.ru/

ftp požádá server FTP o získání souboru:

ftp://pgu/directory/library

mailto zahájí e-mailovou relaci se zadaným cílem a hostitelem:

Mailto: [e-mail chráněný]

Název serveru popisuje celý název počítače v síti, například site.ru . Pokud není zadán název serveru, pak je odkaz považován za lokální, tj. odkazuje na stejný počítač jako dokument HTML obsahující odkaz.

Číslo TCP portu na kterém běží webový server. Toto je číslo, které je nutné zadat, pokud metoda vyžaduje číslo portu (jednotlivé servery mohou mít své vlastní odlišné číslo portu). Pokud není zadán žádný port, použije se jako výchozí port 80. Standardní porty jsou:
21 - FTP
23 - Telnet
70 - Gopher
80 - HTTP

Cesta obsahuje název složky, kde je soubor umístěn.

2. Absolutní a relativní cesta

Pokud je v odkazu zadán pouze název souboru, prohlížeč předpokládá, že soubor je ve stejné složce jako dokument obsahující hypertextový odkaz. V praxi webové stránky obsahují stovky dokumentů, které jsou pro snadnější správu umístěny v samostatných složkách. Chcete-li vytvořit odkaz na soubor mimo složku obsahující aktuální dokument, musíte zadat umístění nebo cestu souboru. HTML podporuje dva typy cest: absolutní a relativní.

2.1. Absolutní cesta

Absolutní cesta určuje přesné umístění souboru v rámci celé struktury složek na počítači (serveru). Absolutní cesta k souboru umožňuje přístup k souboru ze zdrojů třetích stran a obsahuje následující součásti:
1) protokol, například http (volitelné);
2) doména (název domény nebo IP adresa počítače);
3) složka (název složky udávající cestu k souboru);
4) soubor (název souboru).

Existují dva typy záznamů absolutní cesty – s protokolem a bez protokolu:

http://site.ru/pages/tips/tips1.html //site.ru/pages/tips/tips1.html

Pokud je soubor umístěn v kořenové složce, cesta k souboru bude následující:

http://site.ru/index.html

Pokud název souboru není uveden, načte se webová stránka, která je standardně nastavena v nastavení webového serveru (tzv. indexový soubor).

http://site.ru/

Indexový soubor je obvykle dokument s názvem index.html . Přítomnost koncového lomítka / znamená, že adresa jde do složky, pokud není přítomna, přímo do souboru.

2.2. Relativní cesta

Relativní cesta popisuje cestu k zadanému dokumentu relativně k aktuálnímu. Cesta je určena na základě umístění webové stránky, na které je odkaz umístěn. Relativní odkazy se používají při vytváření odkazů na jiné dokumenty na stejném webu. Když prohlížeč v odkazu nenajde protokol http://, hledá zadaný dokument na stejném serveru.

Relativní cesta obsahuje následující komponenty:
1) složka (název složky udávající cestu k souboru);
2) soubor (název souboru).

Cesta pro relativní odkazy má tři speciální zápisy:
/ ukazuje na kořenový adresář a říká vám, abyste začali z kořenového adresáře dokumentu a postupovali dolů do další složky
./ ukazuje na aktuální složku
../ přejít o jednu složku (adresář) nahoru

Hlavní rozdíl mezi relativní cestou a absolutní cestou je v tom, že relativní cesta neobsahuje název kořenové složky a nadřazených složek, čímž je adresa kratší a v případě přesunu z jedné domény do druhé nepotřebujete napsat novou absolutní adresu. Pokud však zdroj třetí strany odkazuje například na vaše obrázky s relativními adresami, nebudou zobrazeny na jiném webu.

3. Kotvy

Kotvy, neboli interní odkazy, vytváří odkazy na různé části aktuální webové stránky, což vám umožní rychle procházet mezi sekcemi. To se hodí, když je na stránce příliš mnoho textu. Pomocí tagu se také vytvářejí interní odkazy s tím rozdílem, že atribut href obsahuje název ukazatele - tzv Kotva, nikoli URL. Před názvem ukazatele vždy předchází znak #.

Dobrý den, milí čtenáři tohoto blogu! Jak víte, pro úspěšnou propagaci webu a zvýšení jeho pozice ve výsledcích vyhledávání je nutné provést kvalitní SEO optimalizaci webu. Pojem „“, který se zase dělí na interní a externí, je neoddělitelně spojen s pojmy jako „interní a externí odkazy na stránky“. Proto je pro nás velmi důležité vědět, kolik odkazů by mělo být na webu, jak kontrolovat jejich počet, jak z webu odstranit nepotřebné odkazy a zavřít je z indexování, jak zvýšit množství odkazů atd. Abychom odpověděli na všechny tyto otázky a další otázky týkající se interních a externích odkazů, nejprve si ujasněme, co je odkaz (nebo hypertextový odkaz) v HTML.

V tomto článku vysvětlím, co je to odkaz, jak vytvořit hypertextový odkaz v HTML na webu, jak otevřít odkaz v novém okně, jak vytvořit odkaz na e-mailovou adresu (e-mail) a jak udělat z odkazu obrázek. Dotkneme se také takových pojmů, jako jsou značky html a atributy hypertextových odkazů, kotva odkazů, kotva html (kotva) a hash odkazy. Takže, začněme.

Co je odkaz (hypertextový odkaz).

Pokud hypertextový odkaz vede na webovou stránku nebo soubor, který neexistuje (smazán, přesunut) nebo je jeho adresa nesprávná, pak se takový odkaz nazývá přerušený. Na stránkách by neměly být nefunkční odkazy, protože klamou návštěvníky a kliknutím na takový odkaz se člověk na váš web pravděpodobně nevrátí. O tom, proč se nefunkční odkazy objevují, jak je najít a opravit, si povíme podrobněji v samostatném článku. A teď pokračujme.

Jak vytvořit odkaz (hypertextový odkaz) v HTML na webové stránce.

Odkaz na jinou stránku vašeho webu nebo jiný web je velmi snadný. Chcete-li vytvořit hypertextový odkaz, musíte prohlížeči sdělit, o jaký odkaz jde, a uvést adresu dokumentu, na který povede. To se provádí pomocí HTML tagu. a požadovaný atribut href:

Zde URL je adresa dokumentu, na který chcete přejít. A text hypertextového odkazu umístěného mezi značkami A, se nazývá kotva odkazu a je viditelná pro návštěvníka webové stránky. Kromě toho, že text odkazu (kotva) informuje čtenáře, kde dojde k přechodu, je také velmi důležitý při optimalizaci pro vyhledávače (SEO), protože je jedním z určujících faktorů ovlivňujících hodnocení vašeho webu pro klíčová slova obsažená v této kotvě. Obvykle se tento typ hodnocení nazývá referenční.

Absolutní odkaz

Používají se k odkazování na dokument na jiném webu (externí odkaz).

Je povoleno vytvářet absolutní odkazy v rámci stejného webu, nicméně správnější je použít relativní adresy k vytvoření interního odkazu, které vypadají kratší. Ale při analýze různých stránek jsem si všiml, že velká většina webmasterů vytváří interní odkazy s absolutními adresami. Zde je plus, protože pokud je vaše stránka zkopírována, pak tímto způsobem získáte zpět externí odkazy.

Jak vidíte, s absolutními referencemi je vše jednoduché. S relativními je to obtížnější, protože při jejich vytváření musíte pochopit, jakou hodnotu atributu href musíte zadat, protože závisí na původním umístění dokumentů. Jak jsem řekl, nikdo se s tím opravdu neobtěžuje a všechny odkazy na webu jsou absolutní. Pokud však máte zájem dozvědět se více o tom, jak správně vytvořit relativní odkazy pro web, mohu doporučit článek od Dmitryho, autora blogu ktonanovenkogo.ru. Podrobnější a srozumitelnější vysvětlení jsem ještě neviděl.

Ukážu například, jak bude vypadat odkaz vedoucí na soubor vzhledem ke kořenu webu (stačí odříznout vše nalevo od třetího lomítka v podobném absolutním odkazu):

Relativní odkaz

Na hlavní

Text odkazu (kotva)

Barvy a provedení vyskakovacího textu závisí pouze na nastavení operačního systému a prohlížeče.

Jak otevřít odkaz v novém okně.

Ve výchozím nastavení se po kliknutí na odkaz v aktuálním okně otevře nový dokument. Při osobním prohlížení stránek mi to však nevyhovuje. Při čtení článku a sledování odkazu mi vyhovuje, že se stránka otevře v novém okně a já mohu kdykoliv pokračovat ve čtení předchozího článku. Dalším důvodem, proč otevřít odkaz v novém okně, je, že když přejdete na cizí stránky, je velká pravděpodobnost, že se čtenář nevrátí. Zvláště pokud provede několik přechodů a jednoduše si nepamatuje, kde byl před několika minutami.

Atribut cílové značky nám pomůže otevřít odkaz v novém okně. . Výchozí hodnota je _self , která se obvykle nezapisuje. Chcete-li otevřít dokument v novém okně, změňte hodnotu cílového atributu na _blank :

Chcete-li vytvořit kotvu, nejprve vytvořte záložku s libovolným názvem (používají se pouze latinská písmena, číslice, pomlčky a podtržítka) určeným pomocí atributu name značky. :

Nahoru

1	<a href = "javascript:scroll(0,0);" > "aligncenter size-full wp-image-1393" title = "Top Button" src = !} "http://website/wp-content/uploads/2011/12/Top.jpg" alt= "Tlačítko nahoře_nahoře" width="100" height="100" />

Dmitrij KtoNaNovenkogo radí jiný způsob, jak nastavit záložky v textu webové stránky, bez použití html kotev. Za tímto účelem vytvoříme záložku z libovolné HTML značky dostupné na stránce a předepíšeme jí univerzální atribut id. Záložku vytvoříme například ze značky záhlaví h3:

Text nadpisu

Je důležité napsat latinku do atributu id jako první znak názvu kotvy, poté můžete použít jakékoli další povolené znaky.

Vraťme se například k nadpisu „ “ a pak pokračujte.

Pomocí hashovacích odkazů můžete přejít na správné místo nejen v rámci jedné stránky, ale také přejít na jinou stránku webu. K tomu nastavíme html kotvu na správné místo na správné stránce a do samotného hash odkazu před hash symbol napíšeme adresu této stránky. Například:

Propojit text s kotvou záložek html

Typy a barvy hypertextových odkazů v HTML.

• Nenavštívený odkaz je modrý a podtržený.
• Aktivní odkaz – zčervená v době mezi kliknutím na odkaz a zahájením načítání nové stránky. Samozřejmě v tomto stavu nebyla dlouho.
• Navštívený odkaz - po kliknutí na něj změní barvu na fialovou.

Pomocí značky můžete změnit barvu hypertextových odkazů v dokumentu html a následující atributy:

• Odkaz – barva nenavštívených odkazů.
• Alink - barva aktivního odkazu.
• Vlink je barva navštívených odkazů.

Všechny výše uvedené atributy lze kombinovat:

1	<body link = "#1122cc" vlink = "#6611cc" alink = "#d14836" >

Doufám, že je nyní jasné, jak vytvořit hypertextový odkaz na HTML stránce a na e-mail, jak udělat z obrázku odkaz, co jsou textové kotvy, hash odkazy a html kotvy, co jsou html značky a atributy odkazů. Snažil jsem se co nejlépe popsat, co jsou odkazy v HTML a co to je. Připomínám, že vkládání hypertextových odkazů do textu se provádí pouze v režimu HTML.

Nikdy jsem nemusel psát tak dlouhé články, více než 10 000 znaků. Ale toto téma odkazů není vyčerpáno, na pokračování.

Pokud byl pro vás tento článek užitečný, klikněte na níže uvedená tlačítka sociálních sítí. Uvidíme se na stránkách!

Myslím, že už chápete, o čem bude v této kapitole řeč.. a víte, co je odkaz, pokud ne, klikněte sem.. Existuje několik typů odkazů a také "mechanismů" pro jejich sledování. V této kapitole se vám pokusím podrobně říci, jak registrovat odkazy, a věnovat se také složitosti práce s nimi.

Lyrická odbočka:
Jednou v armádě za mnou přišel náčelník generálního štábu a vydal rozkaz, cituji:
Přineste mi ten dokument, i když nevím, kde a co to je!! co to stojíš? Utíkejme!! Jdu pozdě!!!

Proč tedy prohlížeč, stejně jako já, neupadl do strnulosti, potřebuje znát: přesný název dokumentu, cestu k dokumentu a místo, kam jej přinést, nebo spíše kam otevřít.

V tuto chvíli jsme s pomocí poznámkového bloku vytvořili pouze jeden HTML dokument, mám ho s názvem index.html (proč jsem zvolil tak divný název index.html a proč se na to musím dívat) Nevím Nevím s jakým, název jste si vymyslel sám, ale myslím, že si ho pamatujete a víte, kde leží, pokud ovšem nejste můj náčelník štábu :). V tomto dokumentu se pokusíme vytvořit odkaz na jiný dokument, který ještě nemáme.. Takže než se na něj odkážete, musíte ho vytvořit No, už víte jak.

1. Otevřete poznámkový blok.
2. Kód píšeme v html. Například stránka s řadou fotografií.
3. Uložíme jej jako html stránku do stejné pracovní složky, kde již existuje první dokument, který jsme vytvořili. Abychom nebyli zmateni, říkejme tomu primer.html a možná také přejmenujme první na index.html

Nyní vím, že máte dva html dokumenty index.html a primer.html a že nyní máte minimální sadu pro další učení.

Textové odkazy.

Seznamte se tag (z kotva - kotva), můžete do ní vložit text nebo obrázek, který se stane odkazem na určité dokumenty. Atribut značky href určuje název a cestu k dokumentu, na který odkaz odkazuje.

link="#008000" alink="#ff0000" vlink="#ffff00">