link - Český HTML 5 manuál

HTML a CSS Manuál HTML struktura link - Český HTML 5 manuál

ONEbit hosting 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í

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 IT Man
Avatar
Autor se primárně věnuje vývoji webových stránek v PHP a v JavaScriptu (knihovna jQuery). Napsal část manuálu HTML 5 a CSS 3, kde má celkem velký přehled. Jednoduše má v oblibě weby.
Miniatura
Všechny články v sekci
HTML struktura - Český HTML 5 manuál
Aktivity (1)

 

 

Komentáře

Avatar
Robert
Člen
Avatar
Robert:4. ledna 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. ledna 18:53
Avatar
Marek Z.
Redaktor
Avatar
Odpovídá na Robert
Marek Z.:4. ledna 19:50

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

images/favicon.icns

?

Odpovědět 4. ledna 19:50
Chybami se člověk učí, běžte se učit jinam!
Avatar
Robert
Člen
Avatar
Robert:4. ledna 21:03

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

 
Odpovědět 4. ledna 21:03
Avatar
albertpatera
Redaktor
Avatar
Odpovídá na Robert
albertpatera:4. ledna 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. ledna 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.