Valjanost koda - šta je to i kako to provjeriti? Zašto vam je potreban važeći kod i kako eliminisati greške u validaciji Provjerite stranicu da li ima grešaka?

Vlad Merzhevich

Postoji mnogo načina i metoda za provjeru web stranica na greške i komentare. Konvencionalno se dijele na online i lokalne. One na mreži su dizajnirane za provjeru stranica pomoću pretraživača preko Interneta, a lokalne se koriste za provjeru dokumenata na trenutnom računaru. Zatim ćemo razmotriti popularne metode provjere valjanosti dokumenata.

validator.w3.org Instaliranje ekstenzije

Nakon preuzimanja datoteke, ekstenziju možete instalirati na nekoliko načina.

1. Preko upravitelja ekstenzija

Pokrenite Firefox i idite na Alati > Ekstenzije. Prevucite preuzetu datoteku (ima ekstenziju xpi) u prozor koji se otvori. Zatim će ekstenzija biti automatski instalirana.

2. Otvaranjem datoteke

Odaberite File > Open File... iz Firefox menija i odredite putanju do datoteke sa ekstenzijom, pretraživač će sam izvršiti dalje radnje.

3. Kopirajte datoteku u fasciklu sa ekstenzijom

Otvorite folder na disku na kojem je instaliran Firefox (na primjer, c:\Program Files\Mozilla Firefox) i u njemu pronađite podmapu ekstenzije u koju kopirajte ekstenziju. Nakon pokretanja pretraživača, dalja instalacija će se odvijati nezavisno.

Sve gore navedene metode instalacije zahtijevaju ponovno pokretanje pretraživača nakon instaliranja ekstenzije. HTML Validator počinje da radi odmah nakon što ponovo pokrenete Firefox.

Ako ove metode iz nekog razloga ne pomognu, možete otići na stranicu za podršku preglednika Mozilla Firefox i pročitati o svim mogućim metodama za instaliranje ekstenzija na
http://forum.mozilla-russia.org/doku.php?id=general:extensions_installing

Korištenje HTML Validatora

Kada otvorite web stranicu, HTML Validator odmah počinje sa radom, a rezultat provjere se prikazuje u statusnoj traci, u njenom donjem desnom uglu u obliku male slike. Slika zavisi od statusa verifikacije i prikazana je na Sl. 14.6.

Rice. 14.6. Vrste slika koje se prikazuju prilikom provjere dokumenta

Krug sa kvačicom (slika 14.6a) označava da je dokument validan, žuti trougao sa uzvikom (slika 14.6b) označava da postoje komentari na kodu koji se mogu automatski ispraviti. A crveni krug sa krstom (slika 14.6c) upozorava da postoje ozbiljne greške.

Postoje dva načina za pregled svih grešaka. Prvo pogledajte HTML kod dokumenta kroz meni Pogled > Izvorni kod stranice ili kliknite desnim tasterom miša i izaberite Prikaži izvorni kod stranice iz kontekstnog menija (slika 14.7).

Rice. 14.7. Kontekstni meni sa opcijom odabira izvornog koda

Prozor izvornog koda web stranice podijeljen je na tri dijela (slika 14.8), gdje gornji blok sadrži stvarni HTML kod. Donji lijevi blok prikazuje listu grešaka i komentara ili informativnih poruka u slučaju da je dokument važeći. Donji desni blok je namijenjen za detaljne savjete o trenutnim komentarima.

Rice. 14.8. Rezultat ekstenzije HTML Validator

Pozdrav svim pretplatnicima bloga, IT stručnjacima i gostima moje stranice. U prošlom članku sam vam govorio o temeljnim znanjima o stvaranju primitiva i zašto su oni potrebni. Danas ćemo razgovarati s vama o konceptima kao što su valjanost koda i verifikacija programa.

Detaljnije ću opisati kako i kojim programima provjeriti html kod na greške, šta je to World Wide Web Consortium, koji je poznatiji pod akronimom W3C, te ću definisati važne pojmove. Informacije navedene u članku pomoći će vam ne samo da provjerite ispravnost stranica na web-stranici, već će i preciznije razumjeti koncept provjere valjanosti općenito. Počnimo!

Svakom programu je potrebno dvostruko B: validacija i verifikacija.

Svaki napisani programski kod provjerava se ispravnost semantike i logike povezivanja objekata. Ako koristimo terminologiju, to se zove validacija i verifikacija. Koriste se u mnogim oblastima IT-a: programiranje, izrada web stranica, testiranje itd.

Oni su neophodni za održavanje kvaliteta proizvoda na visokom nivou. Napominjem da je pri proučavanju ovih tehnologija česta greška nerazumijevanje njihove specifične svrhe. Kao rezultat toga, termini su zbunjujući i netačno opisuju poduzete radnje. Stoga ću definisati svako značenje.

Dakle, validacija je provjera kreiranog dokumenta sa kodom na greške u pravopisu elemenata, usklađenost sa globalnim uniformnim standardima koje je uspostavio W3C i propisanim specifikacijama samog jezika.

Provjerom ispravnosti koda, programer može ispraviti „greške“ pronađene, da tako kažem, među pisanim tekstom. Radi veće jasnoće, navešću neke od njih:

  • Neispravno napisane oznake, atributi ili svojstva;
  • Dodatne zagrade uključene;
  • Otkriven je nezatvoren element;
  • Vrsta nije navedena ili je pogrešno navedena;
  • Oznake su pogrešno umetnute;
  • Nisu navedeni potrebni atributi.

Pogledajmo sada verifikaciju.

Verifikacija je provjera usklađenosti sa svim standardima kvaliteta, implementacija potrebnih alata i tehnika, kao i njihova ispravna međusobna interakcija. Općenito, verifikacija se koristi za provjeru koda u odnosu na specificirane kriterije izvršenja. Sam proces je povezan sa održavanjem odgovarajuće kontrole kvaliteta finalnog proizvoda.

Koja je svrha konzorcijuma World Wide Web?

W3 Consortium je cijela organizacija specijalizirana za razvoj i implementaciju jedinstvenih standarda za Internet resurse i općenito. Svi prihvaćeni standardi nazivaju se W3 preporuke i implementirani su kako u sva tehnološka rješenja tako i u web servise.

To doprinosi unapređenju globalne mreže, njenoj fleksibilnosti, svestranosti, kao i postizanju pune kompatibilnosti između kreirane opreme i softverskih proizvoda.

W3C takođe proizvodi sopstvene softverske pakete, uključujući validator.w3.org. Ovo je jedan od najpoznatijih servisa za provjeru ispravnosti koda.

Web stranica validator.w3.org podržava verifikaciju programa u tri načina: online mod za provjeru koda unesenog u dijaloški okvir, provjeru valjanosti pomoću veze do resursa i provjeru otpremljene datoteke.

Sada pogledajmo detaljnije kako ova usluga funkcionira.

  • Ako je vaša online trgovina, blog ili druga vrsta web resursa već objavljena na Internetu, neće vam biti teško da jednostavno zalijepite adresu u ponuđeni dijaloški okvir i kliknete na dugme „Provjeri“.
  • U početnoj fazi kreiranja vaše stranice, možete provjeriti njenu valjanost preuzimanjem samih datoteka. Vrijedno je odrediti putanju do datoteke i još uvijek kliknuti na dugme "Provjeri".
  • Ponekad postoji potreba za provjerom određenog dijela koda. U tu svrhu postoji treći način provjere. Zalijepite ili otkucajte željeni dio programa u dijaloški okvir i pošaljite ga na pregled.

U sva tri slučaja, ako je resurs uspješno provjeren i nije otkrivena nijedna greška, prozor sa rezultatom će biti označen zelenom bojom, u suprotnom će biti istaknut crvenom bojom i također će biti ispisan broj pronađenih upozorenja i grešaka.

Više ekstenzija za mene!

Do danas, vjerovatno za svaku postojeću, kreirane su ekstenzije za validaciju onlajn resursa. Pošto se prije ovoga razgovaralo o W3C-u, prvo ću vam reći o proizvodu koji je kreirala ova organizacija.

Dakle, HTML Validator za Firefox i . Budući da ovi pretraživači zauzimaju ponosno mjesto među vodećima, globalna organizacija je za njih kreirala ugrađeni HTML Validator. Dizajniran je po principu web stranice validator.w3.org, ali ima jasnu prednost - funkcionira bez mrežne veze.

Predstavljeno proširenje možete instalirati na tri načina:

  • Kroz poznati panel ekstenzija;
  • Određivanjem putanje dokumenta sa ekstenzijom;
  • Učitavanje direktno. U sistemskim datotekama morate pronaći Firefox direktorij (na primjer, C:\Program Files\Chrome ili C:\Program Files\Mozilla Firefox), a u njemu poddirektorijum ekstenzije, u koji je ekstenzija kopirana.

    • Nakon ponovnog pokretanja pretraživača, ekstenzija će stupiti na snagu.

    HTML Validator je vrlo jednostavan za korištenje. Ne radi na ruskom, ali ima intuitivan interfejs.

    Nakon otvaranja bilo koje web stranice, statusna traka prikazuje status resursa pomoću ikona. Zeleni krug sa kvačicom znači da je dokument ispravan, žuti trougao sa znakom uzvika znači upozorenje o komentarima, a crveni krug sa križićem znači da su otkrivene greške.

    Kôd možete pogledati direktno u pretraživaču pomoću funkcije „Prikaži izvorni kod stranice“ ili prečice F12.

    Još nekoliko programa za validaciju

    Općenito, mogu reći da o popularnim programima verifikacije možete pričati cijeli dan. Ali za rad je preporučljivo poznavati samo nekoliko visokokvalitetnih softverskih proizvoda. Već smo raspravljali o nekima od njih.

    A sada želim dodati mali bonus u obliku opisa jedne online usluge koja provjerava kod svih popularnih web jezika, opremljena je pretvaračem i mnogim drugim korisnim stvarima. Ova stranica je http://www.freeformatter.com. Provjerava i html tekst, pa čak i XPath upite.

    Obavlja nekoliko provjera vašeg koda. Glavni:

  • Validacija sintakse - provjera sintaktičkih grešaka. je važeća sintaksa iako nije važeća HTML oznaka, tako da je provjera sintakse minimalno korisna za pisanje dobrog HTML-a.
  • Provjera ugniježđenja oznaka - oznake moraju biti zatvorene obrnutim redoslijedom u odnosu na njihovo otvaranje. Na primjer, ova provjera hvata greške sa .
  • DTD validacija - provjeravanje da li vaš kod odgovara navedenoj definiciji tipa dokumenta. Ovo uključuje provjeru naziva oznaka, atributa i "ugradnje" oznaka (oznake jedne vrste unutar oznaka drugog tipa)
  • Provjerite ima li stranih elemenata - provjerom se identificira sve što je u kodu, ali nedostaje u DTD-u. Na primjer, prilagođene oznake i atributi.
    • Imajte na umu da su ovo logičke provjere i nije važno kako je validator implementiran. Ako barem jedna od provjera ne uspije, tada se HTML smatra nevažećim. I u tome leži problem Argumenti Glavni argument za validaciju HTML-a je kompatibilnost među pretraživačima. Svaki pretraživač ima svoj parser, a davanje onoga što svi pretraživači razumiju je jedini način da budete sigurni da će vaš kod raditi ispravno u svim pretraživačima. Budući da svaki pretraživač ima svoj vlastiti mehanizam za ispravljanje HTML grešaka, ne možete se osloniti na nevažeći kod.

    Glavni argument protiv validacije je da je prestroga i da ne odgovara načinu na koji pretraživači zapravo rade. Da, HTML može biti nevažeći, ali svi pretraživači mogu tretirati neki nevažeći kod na isti način. Ako sam spreman preuzeti odgovornost za loš kod koji napišem, onda ne moram da brinem o provjerama. Jedina stvar oko koje moram da brinem je da radi.

    Moj stav Ovo je jedan od rijetkih puta kada javno govorim o svom stavu o nečemu. Oduvijek sam bio među protivnicima validacije, na osnovu činjenice da je validator previše strog da bi bio praktičan u primjenama u stvarnom svijetu. Postoje stvari koje podržava većina pretraživača (u, poslije) koje su nevažeće, ali su ponekad vrlo potrebne za pravilan rad.

    Generalno, moj najveći problem validacije je provjera #4 (za vanjske elemente). Ja sam zagovornik korištenja prilagođenih atributa u HTML oznakama za pohranu dodatnih meta podataka vezanih za određeni element. Po mom razumijevanju, ovo je, na primjer, dodavanje atributa foo kada imam podatke (bar) koje trebam povezati sa određenim elementom. Ponekad ljudi preopterećuju postojeće atribute u ove svrhe samo da bi prošli validaciju, iako će se atribut koristiti u druge svrhe. Nema smisla za mene.

    Tajna pretraživača je u tome što oni nikada ne provjeravaju da li HTML kod odgovara navedenom DTD-u. Doctype koji ste naveli u dokumentu prebacuje parser pretraživača u određeni način rada, ali to ne učitava tip dokumenta i ne provjerava usklađenost koda s njim. To jest, analizator pretraživača obrađuje HTML sa nekim pretpostavkama o nevaljanosti, kao što su samozatvarajuće oznake i blok elementi unutar inline elemenata (siguran sam da postoje i drugi).

    U slučaju prilagođenih atributa, svi pretraživači analiziraju i prepoznaju sintaktički ispravne atribute kao važeće. Ovo omogućava pristup takvim atributima kroz DOM koristeći Javascript. Pa zašto bih se brinuo o validnosti? Nastaviću da koristim svoje atribute i veoma mi je drago što ih HTML5 formalizuje.

    Najbolji primjer tehnologije koja rezultira nevažećim HTML-om, ali čini veliku razliku je ARIA. ARIA radi dodavanjem novih atributa u HTML 4. Ovi atributi daju dodatno semantičko značenje HTML elementima i pretraživač je u stanju da prenese ovu semantiku na pomoćne uređaje kako bi pomogao osobama sa invaliditetom. Svi glavni pretraživači sada podržavaju ARIA oznake. Međutim, ako koristite ove atribute, imat ćete nevažeći HTML.

    Što se tiče prilagođenih oznaka, mislim da nema ništa loše u dodavanju sintaktički ispravnih novih oznaka na stranicu, ali ne vidim veliku praktičnu vrijednost u tome.

    Da razjasnim svoj stav: vjerujem da su provjere #1 i #2 veoma važne i da ih uvijek treba raditi. Takođe smatram da je provjera #3 važna, ali ne toliko važna kao prva dva. Provjera #4 je vrlo upitna za mene jer utiče na prilagođene atribute. Vjerujem da bi, maksimalno, prilagođeni atributi trebali biti označeni kao upozorenja (a ne kao greške) u rezultatima provjere kako bih mogao provjeriti da li sam pogrešno unio ime atributa. Označavanje prilagođenih oznaka kao grešaka može biti dobra ideja, ali ima i nekih problema, na primjer kada se sadržaj ugrađuje u druge oznake - SVG ili MathML.

    Validacija radi validacije? Mislim da je validacija radi validacije krajnje glupa. Ispravan HTML samo znači da su sve 4 provjere prošle bez grešaka. Postoji nekoliko važnih stvari koje važeći HTML ne garantuje:
    • važeći HTML ne garantuje pristupačnost;
    • Valjani HTML ne garantuje dobar UX (korisničko iskustvo);
    • Valjani HTML ne garantuje funkcioniranje web stranice;
    • Ispravan HTML ne garantuje ispravan prikaz stranice.
    Valjani HTML može biti nešto čime se možete ponositi, ali sam po sebi nije pokazatelj vještine. Vaš važeći kod ne radi uvijek bolji od mog nevažećeg koda. HTML5 validacija popravlja neke od problema koji su bili s HTML 4 validacijom. Ovo će omogućiti mom kodu da prođe HTML5 provjeru valjanosti. Naravno, postoje neke stvari u vezi HTML5 validatora sa kojima se ne slažem, ali vjerujem da zadovoljava praktične potrebe mnogo bolje od HTML 4 validatora. Zaključak Vjerujem da su neki dijelovi HTML validatora izuzetno važni i korisni. ali ne želim da budem njen talac jer koristim svoje atribute. Ponosan sam što koristim ARIA u svom radu i nije me briga da li se to smatra nevažećim kodom. Opet, od četiri provjere validatora, imam problema samo s jednom. A HTML5 validator će me spasiti od većine ovih problema.

    Znam da je ovo kontroverzna tema za mnoge, pa vas molim da se suzdržite od čisto emotivnih izjava u komentarima.

    UPD: hvala na karmi, premjestio sam je na tematsku. Ponovit ću riječi autora: Razumijem da je ovo kontroverzna tema, ali molim vas da se suzdržite od čisto emotivnih komentara i dajte argumente.

    Zdravo svima! Danas ću vam reći šta je validnost koda sajta, zašto je uopšte potrebna, i kako da ga proverite i ispravite koristeći razne onlajn servise W3C validatora (html, CSS). Dakle, počnimo s teorijama. Šta je tačno ovaj termin?

    Valjanost koda je stepen do kojeg je kod vaše web stranice usklađen sa prihvaćenim međunarodnim standardima, skraćeno W3C. Drugim riječima, davno je usvojen niz općih pravila za pisanje koda, koja, ako nisu usklađena sa W3C standardima, mogu dovesti do pogrešnog prikaza Vaše stranice u raznim kompjuterskim i mobilnim pretraživačima. Također, u nekim posebno rijetkim slučajevima to može dovesti do sankcija od strane pretraživača, kao i nametanja raznih filtera koji mogu usporiti razvoj vašeg projekta. Ali to se događa vrlo rijetko, jer čak i Yandex i Google sami imaju kod koji nije 100% validan, odnosno sadrži greške.

    Zapravo, vjerovatno imate pitanje: zašto moram trošiti svoje vrijeme na uređivanje koda svoje stranice kako bi postao važeći, ako to ionako ne utiče na ništa? Kao što sam gore napisao, ovo je neophodno kako bi se osiguralo da se vaša stranica ispravno prikazuje (bez grešaka i grešaka) u različitim pretraživačima. Danas, kao što znate, sve su popularniji različiti tipovi telefona: iPhone, Android, Smartphone i drugi, koje već koristi čitava populacija Zemlje. Danas svaka treća osoba ima svoj mobilni telefon, preko kojeg može pristupiti internetu i posjetiti vašu web stranicu. To je otprilike 20-30 puta više od onih koji imaju svoj kompjuter, laptop, tablet.

    Odnosno, shvatili ste poentu. Publika ljudi koji koriste mobilne uređaje je najveća, što je ono što trebamo ciljati. A ako se sjetite koliko je mobilnih uređaja pušteno u prodaju u proteklih 10 godina i koliko novih modela nastavlja izlaziti svakih šest mjeseci, onda postaje jasno da bi bilo jako glupo propustiti takav promet (posjetioce). Osim toga, nove tehnologije ne miruju, a sa pojavom ažuriranog html5 jezika, vaša stara web stranica napravljena davne 200. godine može se pokazati kao, da tako kažemo, jedna velika gužva na pozadini globalne mreže.

    Kako provjeriti valjanost html i CSS koda vaše stranice?

    Ovakvih servisa na internetu ima na pretek, međutim, skoro svi su pokvareni, pa čak i na engleskom, gdje neće biti lako razumjeti šta se govori. Ali ipak, postoji jedan od njih koji je normalniji, koji ne samo da daje objašnjenje, već i pokazuje u kojoj se liniji koda nalazi greška. Dakle, upoznajte se - jigsaw.w3.org.

    Posjetom ove stranice možete provjeriti valjanost koda vašeg web mjesta na tri načina. U kartici „URI provjera“ unesite adresu svoje stranice i servis će vam dati cijelu listu grešaka koje se nalaze u kodovima samo na glavnoj stranici! Ako, poput mene, niste baš upoznati sa kodovima i kada pregledavate kod svoje stranice ne možete pronaći liniju koju treba ispraviti, onda možete jednostavno učitati svoju datoteku CSS stilova (dizajn stranice) u “provjeri uploaded file ” tab.

    U ovom slučaju, već ćete znati u koju datoteku trebate umetnuti kod. Usput, možete to učiniti još lakše. Ako vaša stranica radi na nekom motoru, na primjer, tada ćete samo trebati otići na administratorsku ploču bloga u "izgledu" "uređivaču", odabrati datoteku, na primjer, zaglavlje (header.php), kopirati kod i zalijepite ga u uslugu na kartici "provjera ukucanog teksta". Ovako sam lično provjerio svoj blog.

    Dakle, na mom sajtu lično je bilo 44 greške, što je vrlo malo u poređenju sa drugim sajtovima. Inače, čika Yandex ima čak 155 grešaka, ah-ah-ah. Pa dobro, hajde da ne pričamo o tužnim stvarima.

    Kako bih vam olakšao ispravljanje ovih netočnosti u kodovima, dopustite da vam lično pokažem nekoliko primjera na svom blogu. Prvo obratite pažnju na natpis Linija 26. Ovo označava red koda. Da biste ga brzo pronašli, postavite ovaj kod koji ste umetnuli u uslugu jigsaw.w3.org u bilo koji html editor, biće prikazane oznake linija.

    Primijetite da je neka oznaka uvijek istaknuta crvenom bojom u kodu. Ovo je mjesto gdje trebate potražiti i urediti kod. Najčešće ga je potrebno potpuno ukloniti ili mu dodati oznake koje nedostaju. Također u naslovu i pri dnu natpisa nalaze se savjeti na engleskom šta treba učiniti da se greška ispravi.

    Primjer 1. Ovdje morate ukloniti navodnike označene crvenom bojom. Oni ne bi trebali biti unutar koda, gdje već postoje na početku i na kraju.

    Primjer 2. Na kraju koda nedostaje oznaka za zatvaranje />. Imajte na umu da ako na vrhu koda postoji još jedan red, također sa nezatvorenom oznakom, onda i on mora biti zatvoren, inače greška neće nestati.

    Primjer 3. Ovdje samo trebate ukloniti red koji se ponavlja: “ href=""> .

    Inače, prije svega treba ispraviti greške, one označene križićem, a ne uskličnikom, jer te greške nisu toliko bitne. Takođe, pre nego što bilo šta popravite, uradite ovo, jer postoji velika verovatnoća da ćete to pokvariti. Nakon što potpuno očistite kod, preporučujem vam da pogledate kako se vaša stranica prikazuje u različitim pretraživačima na različitim PC i telefonskim platformama. Besplatna online usluga browsershots.org može vam pomoći u tome.

    Kako inače možete brzo provjeriti valjanost html i CSS koda vaše stranice?

    Ako vam jigsaw.w3.org nije bio dovoljan, evo nekoliko dodatnih servisa za provjeru valjanosti html koda stranice: www.validome.org, watson.addy.com,

    U zaključku želim da kažem da ako nađete par grešaka u sebi, onda ne morate da brinete o tome, jer to danas nije toliko važno. Općenito, eksperimenti su se provodili na ovu temu već duže vrijeme, iz kojih je postalo jasno da loše valjan kod ne utječe na rezultate pretraživanja web stranice. Ali, nažalost, internet je okruženje u kojem se sve brzo mijenja. Danas to možda nije važno, ali sutra će Yandex sebi dodati ovaj dodatni algoritam i pozicije pretraživanja mogu opasti (pasti). Dakle, ako imate dodatnog vremena za petljanje s kodom svoje stranice, bolje je to učiniti sada.

    Validacija je testiranje nečega u odnosu na standarde (zahtjeve). U kontekstu webmastera, validacija stranice znači provjeru njenog koda ispravnost I greške. Drugim riječima: ne bi trebalo biti nerazumljivih oznaka ili struktura i, naravno, ne bi trebalo biti html grešaka.

    Na šta utiče validacija?

    1. Validacija stranice prvenstveno utiče na to kako se stranica prikazuje u pretraživačima. Svaki pretraživač ima svoje mehanizme za obradu html koda. Ako postoje greške u izgledu (a one gotovo uvijek postoje), onda ih sam pretraživač eliminira i vidimo da je stranica prikazana u ispravnom obliku. Ali pretraživači nisu uvijek bili tako sposobni, a ranije su webmasteri imali više problema s ispravnošću izgleda. Ispravna validacija direktno utiče na kompatibilnost među pretraživačima.

    2. Validacija također može utjecati na povjerenje web stranice u tražilice, a samim tim i na poziciju stranice. Međutim, ne može se reći da je važeći HTML kod ozbiljan faktor rangiranja. Ispravan raspored je samo jedan od mnogih faktora koji se razmatraju samo u kontroverznim područjima.

    Ali za pretraživače, html kod je sve što robot za pretragu vidi. Ako tu ima grešaka, onda on jednostavno pogrešno tumači neke elemente, što ponekad može biti kritično. Na primjer, ako stranica ima pogrešne oznake .. , (na primjer, nema završne oznake). Pretraživač neće popraviti ništa kao pretraživači. Kao rezultat toga, pozicija stranice može uvelike patiti zbog takvih grešaka.

    Primjer iz života

    Navest ću praktičan primjer kako validacija može imati loš utjecaj na vašu web stranicu sa stanovišta SEO-a i korisnika. Jednom davno sam prepravljao web stranicu i slučajno sam zaboravio zatvoriti jedan tag. Nakon što sam provjerio ispravnost izmjene u popularnim pretraživačima, napravio sam izmjene na stranici.

    Nakon nekog vremena, kada sam analizirao promet preko Yandex Metrica, primijetio sam da je prosječno vrijeme posjete u Internet Explorer pretraživaču mnogo kraće. Otvorivši sajt preko ovog pretraživača, shvatio sam šta se dešava. Cijela stranica je bila iskrivljena, bilo je jednostavno nemoguće pročitati sadržaj. A to stvara dva problema odjednom. Prvi problem je bio taj što sam gubio sav saobraćaj iz IE-a, a drugi problem je bio što sam zabrljao faktore ponašanja.

    Kako provjeriti ispravnost html koda na stranici 1. Online html validator

    Na internetu postoji besplatna usluga http://validator.w3.org/. Provjerava valjanost html koda. Pogledajmo pobliže kako ova usluga funkcionira.

    mob_info