No Future

Weblog přesunut na atd.havrlant.net

Kam s logem?

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

komentáře
  1. Mazlo - #
    —    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 :-)

  2. Timy - #
    —    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.

  3. avan - #
    —    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

  4. dgx - #
    —    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

Jméno
Zapamatovat
http://
Zpráva

formátování: *kurzíva* **tučné písmo** `kód` "text odkazu":cíl odkazu

Tady formátuje Texy!

Rubriky

  • No Future
  • Internet
  • Se špetkou ironie
  • XHTML a sémantika
  • Testy
  • Oblíbené weblogy

  • La Trine
  • Derův zápisník
  • Yuhůův weblog
  • acciBlog
  • Martyho weblog
  • Ronnieho weblog
  • zimmiho blog
  • conBLOG
  • Klokynov blog
  • Buchtič blog
  • Dům mlhy
  • Anne’s Weblog
  • Mabfredův básnický blog
  • Další odkazy

  • Sémantika
  • MiSHAK
  • můj starší blog
  • Textpattern česky
  • Textpattern oficiální web
  • Jakpsatweb
  • Kocourek Koudy
  • Webylon