Navigace s linkami href

14. 5. 2019

HTML, jak se předpokládá v hypertextovém jazyce, umožňuje nejen vytvářet obsah jedné stránky, ale také vytvářet externí a interní odkazy na ostatní, nahrát dokumenty a odesílat dopisy.

href

Značka "a href" je jednou z dobrých starých tradic. Jeho funkce jsou stále častěji prováděny modernějšími metodami. Kotva (Kotva) je však stále snadná a jeho použití je v mnoha případech opodstatněné.

Příležitosti

Značka "a href =" URL "umožňuje přesměrovat návštěvníky na určitou adresu URL na Internetu. Můžete zadat atribut "title =" #### 0 "" a poté, když umístíte ukazatel myši na značku, se objeví popis odkazu nastaveného vývojářem.

Můžete zjistit, kde bude odkaz otevřen: v aktuálním okně nebo v novém okně. Atribut "cíl" může mít následující hodnoty:

  • _blank (otevřít URL v novém okně);
  • _self (načtení adresy URL do aktuálního okna);
  • _parent - (načtení adresy URL do nadřazeného rámce);
  • _top - (stáhnout adresu URL v plném okně prohlížeče).

Obsah tagu může být téměř cokoliv. Obvykle se zde používá obrázek nebo text, i když lze použít i jiné složitější HTML konstrukce.

Příkladem autora není obrázek.

Tento příklad ukazuje čtyři různé odkazy. První odkazuje na určitou adresu URL v síti, druhá na pozici v rámci aktuální stránky. Třetí spustí mailový program poslat dopis na danou adresu a ten poslední dá návštěvníkovi možnost stáhnout soubor * .pdf do svého počítače.

Poslední dva odkazy mají obrázky. Ve všech případech klikneme na libovolné místo obsahu značky. Fráze alt = "načtení dokumentu" má jiný význam a je nepodstatná pro popis nástroje. Aby návštěvník viděl podpis prvku, musí být zadán přímo v "a href" v atributu "title".

Přesunout na pozici stránky

Můžete použít kotvu s atributem name = 'posName' a určit místa stránky, na které může návštěvník chodit. Umožní to jak odkaz na určitou část kódu, tak označení konkrétní funkce.

jak propojit

Například na manuální stránce FreeBSD OS najdete obsah pro instalaci a konfiguraci tohoto systému.

Vývojář uvedl všechny kroky postupu a každý z nich označil: "a name = 'stepNo1'", "a název =" stepNo2 "", ..., "a name = 'stepNo9". To mu umožnilo označit každý prvek obsahu s potřebnými přechody: "a href = '# stepNo1'" ('# stepNo2', ..., '# stepNo9').

Pomocí odkazů můžete provádět nejen obsah informační stránky, ale také vytvářet menu, rozvíjet navigaci na stránce nebo na webu jako celku.

Funkce aplikace

Link nelze vnořit. Ve skutečnosti je zřejmé, že spojení v odkazu je nesmysl. Značka HTML "a href" neumožňuje použití jiného obsahu jako obsahu.

href html

Odkaz může být stylizovaný. Můžete použít identifikátor třídy nebo CSS. Ve značce můžete přímo použít atribut stylu "styl" - to bylo ukázáno v příkladu.

Odkaz má důležitější funkce, které ho odlišují od ostatních značek. Může být zobrazen nebo klepnut a může být aktivní.

Pro tento účel nabízí CSS použití popisů pro "a href" a pseudo-classes :: link ,: visited ,: active.

Příkladem autora není obrázek.

Použití pseudotříd umožňuje změnu vzhledu spojení v různých situacích (kliknutí, pohyb myši, další události). Můžete k němu přiřadit JavaScript. Například je třeba počítat počet kliknutí na odkaz, počet stažených souborů atd.

Relativní a absolutní reference

Značka HTML "a href" umožňuje použití relativního variantu pro navigaci na stránkách webu. V takovém případě vývojář zadá stránku bez zadání "http://" a manipuluje s lomítkem pro navigaci mezi složkami stránky, které obsahují požadované stránky.

http href

Například "../page name" znamená přesun na stránku, která je mimo aktuální složku, ale "název složky / název stránky" označuje stránku ve složce uvnitř aktuální složky.

Samozřejmě, jména pro toto a to by mělo být uvedeno latinkou. Bohužel, použití cyrilice není vždy odůvodněné a bezpečné pro externí jména.

Příkladem autora není obrázek.

V tomto příkladu odkaz "1)" ukazuje, jak můžete provést pohyb přes prvky v rámci webu. V tomto případě jde o obchod a odkazy se používají pro navigaci produktů. Stránka je vytvořena na serveru, prohlížeč ji obdrží se zbožím, které je v současné době v obchodě.

Návštěvník vybírá výrobek a odkaz ho odešle na údaje o konkrétním produktu, umožňuje vám zajistit nákup a dodání.

Ve druhém příkladu "2)" se atribut href používá pro navigaci ze stránky na jiné stránky. Druhý odkaz naznačuje, že ovladač "scfToSite ('scCall') 'bude volán za kliknutí myši.

Odkaz na protokol

Můžete použít nejen "href http nebo mailto:", můžete také zadat "file: //, ftp: //, news:, telnet: //, ...". Tyto možnosti jsou méně časté.

Obvykle jsou odkazy pro navigaci, stahování souborů a zaslání dopisu návštěvníkem stránky na konkrétní adresu. Přestože druhý aspekt není nejlepším řešením.

Fanoušci spamu často vyhledávají obsah stránek stránek při hledání e-mailových adres. Na tomto jednoduchém základě je výslovné uvedení adresy vysoce nežádoucí. Modernější volbou je formulář pro odeslání zprávy, kterou návštěvník vyplní.

Menu přes odkazy

Jak vytvořit položku nabídky odkazu určuje vývojáře. Nedávno pro uspořádání menu pomocí seznamů "li". To je považováno za dobrou formu pro SEO důvody. Uvnitř této značky můžete pro návrh položky nabídky použít nejen "div" nebo "span", ale také jakýkoli jiný design značky HTML.

atribut href

Použití značky "a" jako položky nabídky je někdy mnohem jednodušší. Není třeba psát další kód JavaScript pro navigaci. Prohlížeč automaticky přesměruje na správnou adresu.

Dokonce i v případě, že se nabídka webu nakonec vytvoří pomocí konkrétní struktury bloku nebo seznamu, nic nebrání vývojáři při spuštění nebo testování, aby rychle procházel stránky, které jsou ve vývoji.

Jedním z ukazatelů na webu je stále poměr mezi odkazy, které k němu vedou, a odkazy, které vedou k němu. Používání těchto nástrojů pro připojení stránek webu k sociálním sítím je považováno za správnou praxi.

Navrhování sociálních sítí formou menu je známým a efektivním používáním značky "a href".