Refresh’d

Refresh'd je lični blog Zorana Zlokape, samoprozvanog web developera.

Web standardi 101

7. 08. 06. 12:13 am

Prvo su me handrili da već jednom postavim Refresh’d online i sad hoće još i da ga redovno ažuriram!? Ima li to smisla?

Slijedi tekst o web standardima i njihovoj primjeni, namjenjen lokalnim dripcima i webmajstorima. Nakon čitanja teksta bi, nadam se, trebali znati kako i zašto vam web standardi olakšavaju život.
Ne bih sada pričao o istoriji HTML-a i weba samog, to nam je svima, manje-više, poznato, ali ono što je bitno da se zna je kakve su to gluposti web dizajneri u svijetu prije radili sa HTML-om (tabele, transparentni GIF-ovi itd.) da bi postigli šta žele. E, to se kod nas još uvijek radi! To je ono što mi ide na živce i ono što bi ovim tekstom htio promjeniti.

Web standardi su skup tehnika i tehnologija, pravila i sugestija, osmišljenih od strane W3C i sličnih organizacija, koja se koriste pri izradi i tumačenju web sadržaja. Osmišljeni su da bi osigurali pristupačnost i korisnost vaših web stranica sada i za hiljadu godina i na bilo kojoj platformi.

Strukturalni jezici

Prezentacijski jezici

Objektni modeli

Skriptni jezici

Kada za sajt kažu da poštuje web standarde, to znači da:

  1. je sadržaj obilježen validnim HTML ili XHTML,
  2. koristi CSS, a ne tabele za pozicioniranje elemenata,
  3. je pravilno i semantički struktuiran i
  4. radi u svim browserima.

Molim, obratite pažnju - ‘radi u svim browserima‘ i ‘izgleda isto u svim browserima‘ nikako nije isto. Prvi koji postigne da dokument izgleda isto na svim platformama ima od mene gajbu piva. Kada se pomirite sa tim, život će vam biti puno, puno lakši.

Čemu ti standardi?

Lokalni web developeri i dizajneri su izgradili neku vrstu odbojnosti prema web standardima iz dva razloga: 1. Nikada nisu ni čuli za njih pa ih s toga i ne zanimaju i 2. misle da je to nešto mnogo zajebano za korištenje, a sajtovi im rade i bez toga. Jebe se njima, oni će sajt prodati i ovako i onako. To što će kasnije muda ispod sebe pojesti zbog nekih sitnih izmjena i dopuna nije bitno. Ako malo skontate, standardi vam mogu biti od velike pomoći:

  • Lakša izrada i održavanje. Korištenje strukturalno i semantički ispravnog XHTML-a vam olakšava rad na grupnim projektima, pomaže vam pri razumjevanju tuđeg koda itd.
  • Kompatibilnost sa svim browserima. Web standardi omogućuju pristup vašim web stranicama iz bilo kojeg browsera, bilo koje verzije (prošle, sadašnje i buduće) i sa bilo koje platforme.
  • Brži download. Matematika je jednostavna: Jednostavniji HTML, manje linija koda, manji fajlovi, brži download, manje čekanja i zajebancije = zadovoljan korisnik.
  • Bolja pozicija na pretraživačima. Kako se Google i društvo danas ponašaju kao korisnik prilikom indeksiranja stranica, razdvajanje sadržaja i prezentacije znači veliki plus.

Znam da ovo možda zvuči kao šuplja priča, ali vjerujte mi, kada radite u timu na masivnom projektu, ovo vam može spasiti tonu živaca. Poštivanje spomenutih pravila može da uštedi gomilu novca i vremena tvorcima, a pruži veći užitak korisnicima web stranica.

Ovo je bio prvi u seriji tekstova o web standardima, validnom XHTML i pozicioniranju elemenata pomoću CSS-a. Živjeli!

Kategorije: Standardi
Sve diskusije možete pratiti kroz RSS 2.0 feed.

Vaši komentari (2)

  1. sick_bastard » 7. 08. 06. u 1:16 am

    Hvala k***u na udarcu. E kad bi te još jednom ovako jako puko pa da napišeš u ŠTO KRAĆEM ROKU još jedan (pa još jedan, pa još jedan, pa još jedan…), ovakav text bio bih jako zahvalan (tom k***u).

    …i na kafu bi te odveo :)

    Poučno, ali ti gore fali malo ljubičaste.

  2. sick_bastard » 7. 08. 06. u 1:18 am

    Eto vidiš da ti to možeš :)

Ostavite komentar




Pošto je ovo moj, samo moj blog i ničiji više, zadržavam pravo izmjene ili brisanja bilo kojeg komentara. Ružne riječi, prostacluci i slične gluposti će biti donekle tolerisane. Dozvoljavam slobodnu spiku, al' prvi koji izvali neku glupost, leti vani!

Da se razumijemo, možete koristiti samo sljedeće xhtml tagove: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>