Kam umisťujete logo stránky v kódu?

joe
Já bych dal logo normálně do <a><img> ...nepřijde mi dost důležité na to, abych to celé dával ještě do <h1> :-) (pokud jde o logo, které je na každé stránce webu).

joe
Na tohle bude mít asi každý jiný názor - někdo tvrdí, že logo stránky by mělo vypadat jako logo i když jsou vypnuté styly, někdo zase ne. Dekorativní grafika patří do CSS a je otázka, jestli je logo dekorativní. Já si myslím, že není, ale přesto to do CSS cpu - mnohdy je to logo uzpůsobeno pro design (jeho velikost apod.), takže se mi to zdá univerzálnější a více flexibilní.

Do h1 se to strká proto, že někdo chce, aby logo sloužilo jako nadpis stránky - má na to holt jiný názor a tak logo dává do stránky jako img - alt text toho img bude sloužit jako nadpis.

joe
Jen nevím, proč například Seznam má logo vnořené ještě do <span>u.
To může být třeba kvůli nějakému CSSku, nebo Javascriptu...

já to většinou dělám přes CSS. Ale jak kdy.

Logo img mám v hlavičce a tu vkládám pomocí iframe do divu. Kód mám hned za body.

<div id="header">
<iframe id="framehead" src="head.html" name="inhead" scrolling="no">
textová alternativa
</iframe>

krůťa
V čem je použití iframe lepší? Jaký má zde účel?

Zdeněk Košťál
Asi aby robot logo nenašel.

Iframe používám protože mám malý web cca 50 stránek na freehostingu bez PHP, taky menu mám v iframe. Ušetřím si spoustu práce.

krůťa
to už je možná lepší vkládat o přes JS nebo prostě změnit hosting

krůťa
Dnes snad už každý freehosting PHP podporuje, MySQL také. Rozumné by bylo web přesunout. Iframe není šťastné řešení.

joe
Jen nevím, proč například Seznam má logo vnořené ještě do <span>u.

To se používá v případě, pokud chceš mít obrázkové logo jistěné textem. Normálně se zobrazí obrázek, který překryje text, ale pokud má uživatel obrázky vypnuté, uvidí aspoň ten text.
Metoda je popsaná tady.

"Normálně se zobrazí obrázek, který překryje text, ale pokud má uživatel obrázky vypnuté, uvidí aspoň ten text. "

No to není až tak úplně pravda neboť při vypnutých obrázcích se ukáže alternativní text (z atributu "alt").

Myslím, že Pixy to dělá tak, že do <span>u dá text, který, ale skryje .. nechá úplně zmizet (display:none;) no a normálně místo něj dá obrázek a jestliže se vypne CSS zůstane pořád jen obrázek protože text bude za ním no a teprve až vypneš obrázky i CSS tak se zobrazí text.

Měsíček
Ale pokud obrázek loga zobrazuješ přes CSS vlastnost background, tak alt text nastavit nemůžeš. Takže pokud má uživatel vypnuté obrázky a zaplé CSS, tak neuvidí nic.

Měsíček
prdlajs display:none.... text se zkrátka překryje obrázkem a je to

"prdlajs display:none.... text se zkrátka překryje obrázkem a je to"

Ten je lepší :)

"Ale pokud obrázek loga zobrazuješ přes CSS vlastnost background, tak alt text nastavit nemůžeš. Takže pokud má uživatel vypnuté obrázky a zaplé CSS, tak neuvidí nic."

A ták .. já myslel jako tag <img>. V tom případě máš pravdu.

"To určitě nepoužívat... ;-)"

Proč nepoužívat jako alternativu pro vypnuté obrázky text, který má nastaveno display:none;, pane kodére?

Měsíček
Ne.
http://wellstyled.com/files/css-replace-text-by-image/example02.html

joe
já myslím, že vyhledávačům je úplně jedno, co máš napsané v CSS.

Manq
.. a také Ano.
http://wellstyled.com/files/css-replace-text-by-image/example01.html

Měsíček
Hm, ale mnou uvedený link obsahuje lepší řešení. Není důvod vytahovat nedokonalé řešení, když existuje dokonalejší.

joe, roboti kaskádové styly neprochází a jsou jim naprosto šumák. Jejich úkolem je indexovat obsah, ne formu jakou je podaný, to totiž není podstatné.

joe
To jsou fakta, ne názory. Je to obecně známá věc. Ve všem hledáš tajemno a logika ti nic neříká.

joe
„Jakým způsobem ho umisťujete? “
Jako pozadí přes CSS.