22 leden 2006, 12:42
rubrika XHTML-semantika
Nechci zde řešit umístění loga na stránce, ale spíše umístění loga
v kódu. Aneb má se logo nebo nějaký obrázkový nadpis či odkaz
vkládat skrze kaskádové styly nebo jednoduchou značkou
<img>
? Sám jsem si nasadil brouka do hlavy a nemůžu ho
vyřešit.
Obě možnosti mají své pro i proti. Logo nebo obrázkový odkaz je v podstatě pouze hezčí podoba nějakého textového ekvivalentu, což znamená bod pro kaskádové styly, protože všechny obrázky, které slouží dekoračním účelům (což takový obrázkový nadpis splňuje, neb ho autor používá především z důvodu, že je hezčí než běžný text), by se měly vkládat do stránky přes kaskádové styly.
Na druhou stranu ovšem takovýto obrázek má vysokou informační hodnotu,
nelze jednoznačně říci, že to je součást nějaké grafiky (platí
obzvláště u loga). Obrázky, které mají informační hodnotu by zase
měly být vkládány přes značku <img>
. Takže
rozpor.
Logo webu bývá obvykle důležité, reprezentuje nějakou společnost nebo
firmu a tak by nebylo moudré, aby třeba s vypnutými styly byl vidět
pouhopouhý text, namísto loga. Už jenom z tohoto důvodu bych
doporučil logo vkládat přes značku <img>
. Navíc
u loga nelze tak jednoznačně říci, že je to pouze hezčí ekvivalent
textové podoby, logo je spíše symbol, proto nemá
v kaskádových stylech co dělat. Docela mne zarazilo, že třeba dobrý web má logo vkládané právě skrze
kaskádové styly, zajímal by mne důvod. Připadá mi, že s rozmachem
kaskádových stylů se každý snaží co nejvíce věcí udělat právě
přes CSS a na staré dobré HTML se zapomíná. Vůbec bych se nedivil,
kdybych někde uviděl tento zápis, protože webdesigner byl líný na konci
odstavce udělat tečku:
p:after{content:"."}
Naproti tomu obrázkové odkazy, když už je skutečně chcete použít, by měly být vkládány skrze CSS, neboť zde se již skutečně jedná pouze o hezčí podobu nějakého textu a zároveň to obvykle nebývá nějaký charakteristický symbol daného webu jako třeba to logo.
Související odkaz: Náhrada textu obrázkem
Ereses
— 22. leden 2006, 15:13
Zas na druhou stranu, kdo má vypnuté styly? :)
Spíše bych si lámal s textovými prohlížeči. Potom stačí napsat text místo loga a dát ho do display: none; Což je zase rozpor se spamem :) Je to dy(i)lema :-)
— 22. leden 2006, 20:01
Mazlo: Ono jde spíše o princip a o logiku věci. CSS je hezká věc, ale nesmí se do nich cpát všechno, co ti přijde pod ruku. Logo by mělo být vkládáno skrze
img
.— 23. leden 2006, 04:48
no ja tie tvoje články úplne zbožňujem, konečne niekto s triezvym pohľadom na svet okolo css, ktorý sa nebojí isť proti konvenciám :) len tak ďalej . fandím ti
— 24. leden 2006, 21:52
Logo rozhodně není pouze hezčí podoba nějakého textového ekvivalentu. Naopak, vedle názvu firmy je to „samostatná jednotka“. Třeba si vem tento obrázek a slovo Mercedes…
Tedy logo, pokud není použito jako dekorační prvek (např. zesvětlené v pokladu), bych bez váhání umístil do IMG