PHP týden Předvánoční slevová akce
Další šance dokončit svůj projekt a získat ceny v hodnotě 10.000 Kč! Pokračování úspěšné letní soutěže - ITnetwork winter
Využij předvánočních slev a získej od nás 20 % bodů navíc zdarma! Zároveň také probíhá PHP týden se slevou na e-learning až 80 %

link - Český HTML 5 manuál

Unicorn College Tento obsah je dostupný zdarma v rámci projektu IT lidem.
Vydávání, hosting a aktualizace umožňují jeho sponzoři.

Tag <link> se používá k provázání dokumentu s externím souborem. Nejčastěji se tak k dokumentu připojují CSS styly. Smí být obsažen pouze v hlavičce (tag <head>) a to i několikrát. Nemá obsah, má pouze atributy a je nepárový.

Atributy

  • href - Specifikuje umístění připojovaného souboru (dokumentu).
  • hreflang - Specifikuje jazyk připojovaného dokumentu.
  • media - Specifikuje typ zařízení, pro které je připojovaný dokument určen (jedná se o pravidlo @media).
  • rel - Specifikuje vztah mezi dokumenty. Nejčastější hodnoty jsou stylesheet a icon.
  • sizes - Umožňuje specifikovat velikost ikony (pouze pro rel="icon").
  • type - MIME typ připojovaného souboru (dokumentu). Nejčastěji text/css.

Ukázka použití

Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!

Ukázka připojení CSS souboru k dokumentu:

<head>
        <title>Titulek stránky</title>
        <link rel="stylesheet" type="text/css" href="style.css" />
</head>

Ukázka připojení ikony stránky:

<head>
        <title>Titulek stránky</title>
        <link rel="icon" href="favicon.ico" />
</head>

V HTML 5 lze toto připojení ikony přes tag <link> nepoužít a místo toho umístit do kořenové složky s webovými stránkami ikonu pod názvem favicon.ico. Prohlížeč si ji pak najde sám.


 

 

Manuál pro vás napsal Jan Lupčík
Avatar
Autor se primárně věnuje vývoji webových stránek a aplikacích v PHP (speciálně ve frameworku Laravel) a je jedním z vývojářů komunitního módu TruckersMP.
Všechny články v sekci
HTML struktura - Český HTML 5 manuál
Aktivity (1)

 

 

Komentáře

Avatar
Robert
Člen
Avatar
Robert:4.1.2017 18:53

Zdravím mám otázku,

stiahol som si iconu car.icns pre webový prehliadač safari, ktorý som si vložil do zložky s obrázkami a premenoval ho na favicon.icns použil som v hlavičke následujúci link:

< link rel="icon" href="favicon­.icns"/> a nefunguje mi to.

 
Odpovědět
4.1.2017 18:53
Avatar
Odpovídá na Robert
Uživatel sítě :4.1.2017 19:50

Do složky s obrázky? Tak nemá být cesta k souboru například

images/favicon.icns

?

Odpovědět
4.1.2017 19:50
Chybami se člověk učí, běžte se učit jinam!
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Robert
Člen
Avatar
Robert:4.1.2017 21:03

dal som celú cestu k súboru a nič.

 
Odpovědět
4.1.2017 21:03
Avatar
albertpatera
Redaktor
Avatar
Odpovídá na Robert
albertpatera:4.1.2017 21:04

podle mě by to m+lo být správně takhle:

<link rel="shortcut icon" href="/images/favicon.ico"/>

nevím, jak se to u Safari, je možný, že má akorát speciální příponu .icns :-) ;-)

 
Odpovědět
4.1.2017 21:04
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.