A webes szabv\u00e1nyok az\u00e9rt fontosak, mert er\u0151s\u00edtik \u00e9s k\u00f6vetkezetess\u00e9 teszik a web haszn\u00e1lat\u00e1t. Min\u00e9l ink\u00e1bb ragaszkodunk a betart\u00e1sukhoz, ann\u00e1l haszn\u00e1lhat\u00f3bb\u00e1 v\u00e1lik a web mindenki sz\u00e1m\u00e1ra. M\u00e9g akkor is ismerhetsz k\u00f6z\u00fcl\u00fck n\u00e9h\u00e1nyat, ha nem k\u00f3dolsz weboldalakat.<\/p>\n\n\n\n
Honnan is sz\u00e1rmaznak a webes szabv\u00e1nyok?<\/h2>\n\n\n\n
A kezdeti id\u0151kben a k\u00fcl\u00f6nb\u00f6z\u0151 b\u00f6ng\u00e9sz\u0151k nagyon elt\u00e9r\u0151 technol\u00f3gi\u00e1kat alkalmaztak, ami rendk\u00edv\u00fcli m\u00f3don megnehez\u00edtette azt, hogy a weboldalak mindegyiken megfelel\u0151en jelenjenek meg. A vil\u00e1gh\u00e1l\u00f3 l\u00e9trehoz\u00f3ja, Tim Berners-Lee is \u00e9rezte, hogy ebben a helyzetben valamit tenni kell, \u00e9s megsz\u00fcletett a Wold Wide Web Consortium<\/a> (W3C). A W3C k\u00fcldet\u00e9se az, hogy egys\u00e9ges szabv\u00e1nyokat alak\u00edtson ki, melyek lehet\u0151v\u00e9 teszik, hogy a web j\u00f3 ir\u00e1nyba fejl\u0151dj\u00f6n.<\/p>\n\n\n\n A W3C nem az egyetlen olyan szervezet volt, mely szabv\u00e1nyokat hozott l\u00e9tre az internet sz\u00e1m\u00e1ra. A Web Standards Project<\/a> a \u201890-es \u00e9vekben jelent meg, \u00e9s a W3C-t t\u00e1mogatta. Egy\u00e9ni k\u00fcldet\u00e9se az volt, hogy olcs\u00f3bb\u00e1 \u00e9s egyszer\u0171bb\u00e9 tegye a web m\u0171k\u00f6d\u00e9s\u00e9t. Hab\u00e1r 2013-ban megsz\u0171nt, fontos szerepe volt abban, hogy a b\u00f6ng\u00e9sz\u0151k t\u00e1mogass\u00e1k a HTML4-et \u00e9s az XHTML-t. <\/p>\n\n\n\n Jelenleg is vannak a W3C-n k\u00edv\u00fcl m\u00e1s szabv\u00e1nyokkal foglalkoz\u00f3 szervezetek, melyek seg\u00edtenek rendet tenni a weben. N\u00e9h\u00e1ny nagyobb szervezet, mely jelenleg is akt\u00edv:<\/p>\n\n\n\n Ezek a szervezetek nem a p\u00e9nzszerz\u00e9s \u00e9rdek\u00e9ben m\u0171k\u00f6dnek. Az egyetlen c\u00e9ljuk az, hogy l\u00e9trehozz\u00e1k a szabad, ingyenes \u00e9s hat\u00e9kony internetet minden felhaszn\u00e1l\u00f3 sz\u00e1m\u00e1ra. <\/p>\n\n\n\n R\u00f6viden: a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra megteremtik a \u201ckisz\u00e1m\u00edthat\u00f3\u201d webet. Ami nem azt jelentik, hogy lehetetlenn\u00e9 teszik a kreativit\u00e1sod kibontakoztat\u00e1s\u00e1t egy weboldal megtervez\u00e9s\u00e9n\u00e9l, ugyanakkor meghat\u00e1rozz\u00e1k, hogy mik\u00e9nt m\u0171k\u00f6djenek, \u00e9s a felhaszn\u00e1l\u00f3k mik\u00e9nt l\u00e9pjenek vel\u00fck interakci\u00f3ba. Ehhez ugyanis k\u00f6vetkezetesen haszn\u00e1lt elemekre van sz\u00fcks\u00e9g az eg\u00e9sz weben. Ennek eredm\u00e9nyek\u00e9nt pedig egy vonz\u00f3bb k\u00f6rnyezet j\u00f6n l\u00e9tre a felhaszn\u00e1l\u00f3k sz\u00e1m\u00e1ra. Teh\u00e1t nem, hogy akad\u00e1lyozza a weboldalk\u00e9sz\u00edt\u0151ket, hanem hat\u00e9konyabb\u00e1 v\u00e1lik a munk\u00e1juk, illetve mindannyian r\u00e9szt vehetnek egy jobb – j\u00f3l fel\u00e9p\u00edtett \u00e9s akad\u00e1lymentes – web kialak\u00edt\u00e1s\u00e1ban.<\/p>\n\n\n\n A rosszul meg\u00edrt k\u00f3dok sok probl\u00e9m\u00e1t okoznak a weboldal teljes\u00edtm\u00e9ny\u00e9t illet\u0151en. A HTML, a CSS \u00e9s a JavaScript jelenti a web gerinc\u00e9t, ez\u00e9rt szigor\u00fa szabv\u00e1nyok hat\u00e1rozz\u00e1k meg, mik\u00e9nt \u00edrhat\u00f3k meg, hogyan haszn\u00e1lhat\u00f3k. A verzi\u00f3k ugyanakkor id\u0151nk\u00e9nt v\u00e1ltoznak, ahogy megjelennek az \u00fajabbak, \u00edgy p\u00e9ld\u00e1ul legut\u00f3bb a HTML5 vagy a CSS3. <\/p>\n\n\n\n A k\u00f3dol\u00e1s szabv\u00e1nyos\u00edt\u00e1s\u00e1val mindenesetre lehet\u0151v\u00e9 v\u00e1lik a fejleszt\u0151k \u00e9s a designerek sz\u00e1m\u00e1ra, hogy azonos nyelvet haszn\u00e1ljanak, \u00e9s hogy ezt a nyelvet minden b\u00f6ng\u00e9sz\u0151 \u00e9s a t\u00f6bbi szoftver is meg\u00e9rtse. <\/p>\n\n\n\n A grafik\u00e1ra vonatkoz\u00f3 szab\u00e1lyok betart\u00e1sa a webdesignerek sz\u00e1m\u00e1ra fontos els\u0151sorban, ugyanakkor nem annyira szigor\u00fa szabv\u00e1nyt jelent, hanem ink\u00e1bb az optim\u00e1lis haszn\u00e1latr\u00f3l sz\u00f3l. A W3C-nak erre is van aj\u00e1nl\u00e1sa:<\/p>\n\n\n\n Teh\u00e1t, ha azt akarod, hogy a weboldalad a lehet\u0151 leghat\u00e9konyabb legyen, akkor ezeket az aj\u00e1nl\u00e1sokat \u00e9rdemes komolyan venni. Az okoseszk\u00f6z\u00f6k terjed\u00e9se \u00e9s t\u00edpusaik megszaporod\u00e1sa miatt a mobil webnek is szabv\u00e1nyokra volt sz\u00fcks\u00e9ge. Ez azonban nem mer\u00fclt ki puszt\u00e1n a reszponz\u00edv designban, hanem kapcsol\u00f3dik hozz\u00e1 n\u00e9h\u00e1ny bevett megold\u00e1s is. Ezeket itt foglalta \u00f6ssze a W3C<\/a>. <\/p>\n\n\n\n Az ir\u00e1nymutat\u00e1sok azonban nem csak a designra vagy a haszn\u00e1lt eszk\u00f6z\u00f6kre vonatkoznak, hanem kiterjednek t\u00f6bbek k\u00f6z\u00f6tt a fizet\u00e9sek feldolgoz\u00e1s\u00e1ra, a weboldal-biztons\u00e1gra vagy a teljes\u00edtm\u00e9nyre. A bev\u00e1lt megold\u00e1sokra vonatkoz\u00f3 aj\u00e1nl\u00e1sok \u00f6sszess\u00e9ge itt tekinthet\u0151 \u00e1t<\/a>. V\u00e1rhat\u00f3an egy\u00e9bk\u00e9nt a j\u00f6v\u0151ben m\u00e9g nagyobb hangs\u00faly helyez\u0151dik a mobil webszabv\u00e1nyokra, ahogy egyre t\u00f6bb ember mobileszk\u00f6z\u00f6kr\u0151l \u00e9ri el a weboldalakat.<\/p>\n\n\n\n A web architekt\u00far\u00e1ra vonatkoz\u00f3 szabv\u00e1nyok arr\u00f3l sz\u00f3lnak, hogy a fel\u00fcletek m\u00f6g\u00f6tt mik\u00e9nt struktur\u00e1ljuk az inform\u00e1ci\u00f3kat. A szabv\u00e1nyok vonatkoznak t\u00f6bbek k\u00f6z\u00f6tt:<\/p>\n\n\n\n Amennyiben szabv\u00e1nyokat haszn\u00e1lunk a web egyes r\u00e9szeinek c\u00edmk\u00e9z\u00e9s\u00e9re \u00e9s azonos\u00edt\u00e1s\u00e1ra, akkor jobban haszn\u00e1lhat\u00f3v\u00e1 v\u00e1lnak.<\/p>\n\n\n\n A Web Acsessibility Initiative<\/a> (WAI – webes akad\u00e1lymentess\u00e9g kezdem\u00e9nyez\u00e9s) r\u00e9sze a Word Wide Web konzorciumnak. A szabv\u00e1nyos\u00edtott akad\u00e1lymentess\u00e9g rendk\u00edv\u00fcl fontos, ugyanis nem csak azt befoly\u00e1solja, hogy a fejleszt\u0151k mik\u00e9nt k\u00f3dolnak vagy a designerek hogyan terveznek. A vonatkoz\u00f3 szab\u00e1lyok mindenkit \u00e9rintenek, aki k\u00f6zrem\u0171k\u00f6dik egy weboldal elk\u00e9sz\u00edt\u00e9s\u00e9ben: sz\u00f6veg\u00edr\u00f3kat, tesztel\u0151ket, projektmenedzsereket, stb.<\/p>\n\n\n\n Hab\u00e1r komoly inform\u00e1ci\u00f3mennyis\u00e9gr\u0151l van sz\u00f3 a szab\u00e1lyokat tekintve, ha olyan weboldalt szeretn\u00e9l, mely j\u00f3l kiszolg\u00e1lja a nyilv\u00e1noss\u00e1got, akkor ezeknek a szabv\u00e1nyoknak a betart\u00e1sa fontos r\u00e9sze a munk\u00e1nak.<\/p>\n\n\n\n (A bejegyz\u00e9s ezen sz\u00f6veg<\/a> alapj\u00e1n k\u00e9sz\u00fclt.)<\/em><\/p>\n\r\n![\"\"](\"http:\/\/blog.webshark.hu\/wp-content\/uploads\/2020\/04\/webes-szabvanyok-html-css-javascript.png\")
<\/figure>\n\n\n\nMi\u00e9rt van sz\u00fcks\u00e9g\u00fcnk ezekre a webes szabv\u00e1nyokra?<\/h2>\n\n\n\n
Milyen szabv\u00e1nyokr\u00f3l besz\u00e9lhet\u00fcnk?<\/h2>\n\n\n\n
\u00c9rv\u00e9nyes HTML, CSS \u00e9s JavaSript<\/h3>\n\n\n\n
Grafik\u00e1ra vonatkoz\u00f3 k\u00f6vetelm\u00e9nyek<\/h3>\n\n\n\n
\nReszponzivit\u00e1s<\/p>\n\n\n\nWeb architekt\u00fara szab\u00e1lyai<\/h3>\n\n\n\n
Akad\u00e1lymentess\u00e9g kialak\u00edt\u00e1s\u00e1nak szabv\u00e1nya<\/h3>\n\n\n\n