Napaka potrjevalnika: Manjkaoznaka

Pojasnilo: predmete je treba zapreti v obratnem vrstnem redu odpiranja

Prav:
< li >...

Občutljivost velikih in malih črk DOCTYPE

Primer:

Napaka potrjevalnika: Manjka DOCTYPE

Pojasnilo: DOCTYPE razlikuje velike in male črke

Prav:

Zapiranje "/" ni registrirano

Primer:
… Style.css "type =" text / css "media =" screen " >

Pojasnilo: "Prazni elementi", na primer img ali br, se mora končati z "/" s presledkom pred njim

Prav:
… Style.css "type =" text / css "media =" screen " />

Oznake so napisane z velikimi tiskanimi črkami

Primer:

Napaka potrjevalnika: Tega elementa ni ...

Pojasnilo: v dokumentih XHTML morajo biti vsi elementi in atributi z malimi črkami, saj ta jezik je občutljiv na velike in male črke in zanj

Prav:

Vrednosti atributov so zapisane brez narekovajev

Primer:

Napaka potrjevalnika: Manjka ""

Pojasnilo: vrednosti atributov so zapisane skupaj z narekovaji

Prav:

Img nima atributa alt

Primer:

Napaka potrjevalnika: zahtevani atribut "alt" ni določen

Pojasnilo: oznaka img atribut alt mora biti vedno, vrednost lahko pustite prazno, če sliko uporabljate za dekoracijo

Prav:

Posledično boste lahko odpravili napake na spletnem mestu in naredili spletno mesto veljavno.

Mislim, da so se vsi, ki jih zanima razvoj in promocija spletnih mest, tako ali drugače srečali s takšnim konceptom, kot je veljavnost kodeksa. Ta stavek pomeni pisanje kode HTML spletnega mesta v skladu z nekaterimi standardi, ki jih je razvil svetovni spletni konzorcij (W3C). Skladnost s pravili, ki jih predpisuje ta standard, je jamstvo za združljivost med brskalniki, torej pravilen prikaz ustvarjene strani v vseh brskalnikih, pa tudi odsotnost napak, ki vplivajo na hitrost nalaganja in druge parametre.

V sodobnem internetu so merila za kakovost postavitve spletnega mesta začela igrati pomembno vlogo, saj mora zdaj spletni skrbnik doseči pravilen prikaz vira ne le na stacionarnih računalnikih in prenosnih računalnikih, ampak tudi na številnih mobilne naprave z najrazličnejšimi ločljivostmi.

Kako čisto in strukturirano je koda razvijalcev, lahko ugotovite s preverjanjem veljavnosti spletnega mesta, ki se izvede s posebnim preverjalnikom na uradnem viru iz W3C. Na spletnem mestu validator.w3.org je na voljo spletni validator HTML

Uporabite ga lahko za preverjanje veljavnosti kode HTML na tri načine:

• Preverjanje z URI - potrditev po naslovu
• Preverjanje z nalaganjem datoteke - analiza naložene datoteke
• Preverjanje z neposrednim vnosom - preverjanje določenega koda.

Izbira želene metode se izvede s preklopom na ustrezen zavihek:

Poglejmo, kaj se zgodi, če preverimo veljavnost kakšnega znanega spletnega mesta na Runetu, na primer Habrahabra. Prilepite ga v polje za analizo in pritisnite gumb "Preveri". Po nekaj sekundah nam bo potrjevalnik W3C dal naslednji rezultat:

Kar dober rezultat, saj bo preverjanje večine virov povzročilo na desetine in celo stotine napak.

Če se pomaknete navzdol po strani, lahko natančno vidite, kje je preveritelj našel napake in njihove opise, ki označujejo vrstice. Poleg tega podrobno opisuje, v čem je točno težava, zaradi česar je enostavno odpraviti.

V vsakem primeru, če so bile na vašem spletnem mestu ugotovljene napake, se ne vznemirjajte, saj je, prvič, zelo malo spletnih mest, ki so v celoti skladna s standardom W3C, in drugič, vse napake, ki jih je našel preveritelj HTML -kod, je mogoče popraviti .

Preverjanje veljavnosti kode HTML na spletnem mestu vam omogoča, da razumete, ali potrebuje popravke in optimizacijo postavitve, saj sta čistoča in kompetentna struktura kode pomemben sestavni del notranje optimizacije. Dobro narejena semantična postavitev omogoča drugemu izvajalcu, da hitro razume kodo nekoga drugega, poleg tega pa poveča ustreznost besedila in pospeši nalaganje strani.

O izvedljivosti in nujnosti iskanja napak pri preverjanju je bilo napisanih veliko člankov, zgoraj pa smo že zapisali glavne prednosti, ki jih lahko pridobimo s prilagajanjem kode svojega spletnega mesta v skladu s standardi W3C. Poleg tega bodo takšni ukrepi enako uporabni tako v primeru velikega portala ali storitve kot v zvezi z majhnim spletnim dnevnikom ali spletno stranjo z vizitkami.

Potrditev- To je preverjanje skladnosti s standardi (zahtevami). V okviru spletnih skrbnikov preverjanje veljavnosti spletnega mesta pomeni preverjanje njegove kode pravilnost in napake... Z drugimi besedami: ne sme biti nerazumljivih oznak, konstrukcij in seveda ne sme biti napak html.

Na kaj vpliva validacija

1. Validacija spletnega mesta vpliva predvsem na prikaz spletnega mesta v brskalnikih. Vsak brskalnik ima svoje mehanizme za obdelavo html kode. Če so v postavitvi napake (in so skoraj vedno), jih brskalnik sam odpravi in ​​prikaz spletnega mesta vidimo v pravilni obliki. Toda brskalniki niso bili vedno tako sposobni in prejšnji spletni skrbniki so imeli več težav s pravilnostjo postavitve. Pravilno preverjanje velja neposredno za združljivost med brskalniki.

2. Validacija lahko vpliva tudi na zaupanje spletnega mesta za iskalnike in s tem tudi na položaj spletnega mesta. Vendar pa je nemogoče reči, da je veljavna koda html resen dejavnik razvrščanja. Pravilna postavitev je le eden od mnogih dejavnikov, ki se upoštevajo le v spornih trenutkih.

Toda za iskalnike je html koda vse, kar vidi iskalni robot. Če pride do napak, si preprosto napačno razlaga nekatere elemente, ki so včasih lahko kritični. Na primer, če ima spletno mesto napačne oznake

..

, (na primer ni končne oznake). Iskalni sistem ne bodo popravili ničesar, kot brskalniki. Zaradi tega lahko položaj spletnih mest zaradi takšnih napak močno trpi.

Primer iz resničnega življenja

Tukaj je praktičen primer, kako lahko preverjanje slabo vpliva na vaše spletno mesto tako z vidika SEO kot uporabnikov. Nekoč sem na spletnem mestu delal revizijo in pomotoma pozabil zapreti eno oznako

... Ko sem preveril pravilnost revizije v priljubljenih brskalnikih, sem spremenil spletno mesto.

Čez nekaj časa, ko sem analiziral promet prek Yandex Metrice, sem opazil, da je povprečni čas obiska v brskalniku internet Explorer precej manj. Ko sem odprl spletno mesto s tem brskalnikom, sem razumel, kaj je narobe. Celotno spletno mesto je bilo popačeno, vsebine je bilo preprosto nemogoče prebrati. In to ustvarja dve težavi hkrati. Prva težava - izgubil sem ves promet iz IE, druga pa - pokvaril sem vedenjske dejavnike.

Kako preveriti veljavnost html kode na spletnem mestu

1. Spletni preverjevalnik HTML

Na internetu obstaja brezplačna storitev http://validator.w3.org/. Preko nje se preveri veljavnost kode html. Podrobneje razmislimo o delovanju te storitve.

Sodobni trendi in spletne aplikacije so dramatično spremenile zmožnosti razvijalcev. Nobenega dvoma ni, da potrebujejo nekakšen IDE za kodiranje novih datotek in njihovo shranjevanje za poznejšo umestitev. Kaj pa, če samo preverite fragmente kode? Na srečo je v našem času toliko različnih orodij za to!

V tem članku bomo delili 15 spletnih aplikacij za spletno testiranje kod. Vsi delujejo pod pogojem internetne povezave; nekateri ponujajo profesionalne načrte za dodaten paket nepremičnin. Večina jih bo uporabnih, ko poskušate najti in odpraviti napake v delu javascripta ali PHP.

1. Kodiranje

Ustvaril Stephen Hazel, je edinstvena spletna aplikacija, s katero lahko kodirate sintakso po vsem spletu. Poleg odpravljanja napak Codepad svojim uporabnikom omogoča kopiranje / lepljenje pomembnih kodov in njihovo skupno rabo na spletu.

Na izhodnem zaslonu se prikažejo sporočila o vseh napakah, povezanih z vašo kodo. Z gumbi v levem meniju lahko spremenite jezik (C / C ++, Perl, PHP, Python, Ruby itd.). Codepad je bolj za razvijalce programsko opremo ki morajo sodelovati in odpravljati najtežje programe.

2. Napišite kodo na spletu

Glavno spletno mesto vas bo preusmerilo v urejevalnik skriptov Java. Izbirate lahko med kodiranjem JS, PHP in osnovnim URL -jem. Aplikacija ni le varna in zanesljiva, ampak tudi precej enostavna za uporabo.

Zanimivo je, da boste rezultate svojega dela videli tik pod besedilnim poljem. Če kliknete »zaženi kodo«, se bo rezultat prikazal na zaslonu. Odpravljanje napak veliko PHP skripti je lahko težje, ker zahteva vključitev drugih datotek.

Kljub temu vam bo aplikacija zagotovila nenadomestljivo pomoč pri preizkušanju nove ideje za moč.

3. Tinkerbin

Lahko bi rekel, da je to moj najljubši spletni vir za urejanje kod. Podpira HTML5 / CSS3 / JS in rezultat prikaže neposredno na zaslonu. Aplikacija je še vedno v razvoju alfa, vendar večina orodij deluje odlično in hitro najdejo hrošče v programih.

Stroj za upodabljanje podpira jezike, kot sta Coffeescript in Sass v CSS. Ponašajo se z naprednim sistemom upravljanja in podporo za številne blagovne znamke spletnega oblikovanja, ki bi jih raje uporabili za svoje prihodnje delo.

Ne moremo prezreti dejstva, da obstajajo najbolj priljubljene možnosti. In te funkcije ne najdemo v vseh spletnih aplikacijah, da ne omenjam vgrajenih urejevalnikov kod v brskalniku. Ko vnesete nove oznake, IDE samodejno doda nove vrstice. Tinkerbin je sprednje orodje, ki bi zagotovo moralo biti med vašimi orodji za razvoj spletnih strani.

4. JS koš

Za začetnike lahko delo z vmesnikom povzroči nekaj težav. Da bi se temu izognili, lahko to izkoristijo. JS Bin ponuja široko izbiro knjižnic - jQuery, jQuery UI, jQM Prototype, MooTools in drugo.

Če kodirate različne elemente, se bodo projekti samodejno shranili. Poleg tega imate možnost prenesti končni rezultat svojega dela ali shraniti vir na spletu. Ta sistem je bolj primeren za izvoz in shranjevanje vaše kode kot običajna predloga.

5. JsFiddle

Vsakdo, ki je obiskal Stack Overflow, bi moral vedeti za. Njihov vmesnik se od JSBin razlikuje po tem, da ponuja več možnosti.

Podpira tudi knjižnice, kot sta Prototype in jQuery. Poleg tega lahko v kateri koli preskusni dokument vključite dodatne zunanje vire za datoteke JS / CSS. Neverjetno je, da aplikacija podpira celo XHP Ajax, kjer lahko posredujete podatke iz strežnika v okno brskalnika odjemalca in obratno.

6.CSSDesk

Prehod iz skriptov v slog sloga in. Vse je podobno prejšnjim orodjem: izvorno besedilo je na levi, zadnja spletna stran je na desni. Ta spletna aplikacija je kot nalašč za ustvarjanje predlog spletnih strani in testiranje lastnosti CSS3.

7.Jsdo.It

Nekatere aplikacije so v japonščini, zato mislim, da so bile ustvarjene nekje v Aziji. Pri njihovem vmesniku mi je najbolj všeč nalaganje novo ustvarjenih datotek in njihovo shranjevanje v projekt. Na splet lahko preprosto shranite celotne postavitve spletnih strani ter dostopate do njih in jih urejate iz katerega koli računalnika.

8. Igrišče za kodo Google

Bil sem presenečen, koliko razvijalcev se ne zaveda obstoja. Dobivate popoln dostop v njihov API in v istem oknu lahko razhrostite vse svoje kode.

Z API -jem mislim, da lahko dobite podatke iz največjih Googlovih izdelkov: objave iz Bloggerja, znamenitosti iz Google Zemljevidov in celo videoposnetke neposredno iz YouTuba. Ko kliknete na različne možnosti, se v oknu prikažejo podatki predogled se tudi posodabljajo.

Svetujem vam, da to orodje hranite le kot vir, saj še zdaleč ni primerno za vse, kar pišete. Vendar je Google veliko podjetje z mnogimi API -ji za podatke o izvorni kodi. Če kdaj potrebujete gradivo iz YouTuba oz google iskalnik, to orodje vam bo zagotovo prišlo prav.

9.IDEOne

- drugo orodje za "poglobljeno" programiranje in razvoj programske opreme. Njihov spletni urejevalnik podpira označevanje sintakse za številne pomembne jezike, vključno z Objective-C, Java, C #, VB.NET, SQL in drugimi. dr.

10. Kodna plošča Viper7

Ta spletna aplikacija, znana tudi kot, se nahaja na spletnem mestu, kjer je preusmerjena na isti spletni urejevalnik. Njihova orodja so nastavljena za odpravljanje napak Spremenljivka PHP ki se lahko glede na vašo izbiro razlikujejo med PHP5 in PHP4.

Z ustvarjanjem računa se lahko Codepad uporablja kot osebni sistem za shranjevanje. Tu lahko, tako kot v drugih spletnih urednikih, pokličete vsakega PHP projekt in ga brezplačno shranite na spletu. Ta urejevalnik kod se razlikuje po tem, da uporabnikom ni treba namestiti programske opreme na svoj računalnik. Med razlago vsakega od skriptov bo urednik ponudil dodatne metapodrobnosti, na primer priklic brskalnika ali odzivne glave.

11.JSLint

Samo po sebi je nekoliko čudno, medtem ko urejevalnik kod deluje po povsem standardni shemi.

Ponujene možnosti vas lahko zmedejo, če na tovrstno predlogo še niste naleteli. Z nizom posebnih veščin lahko delate z odprto kodo. Vendar pa številni viri niti ne podpirajo označevanja skladnje, kar je glede na tako široko paleto možnosti jasen nadzor. Priporočam sodelovanje, če imate nekaj prostega časa, vendar ni zagotovila, da bo to postalo vaše najljubše orodje za odpravljanje napak v javascriptu.

12. Skrivnost SQL

Prej smo pogledali spletno aplikacijo z imenom jsFiddle. Zdaj je čas za pogovor, ki deluje v istem smislu, razen SQL baze podatkov sintaksni podatki. Uspelo mi je najti dostojno alternativo za testiranje kode baze podatkov.

Vsi izpisi vaše kode SQL bodo prikazani v tabeli pod urejevalniki. Za uporabo podatkov na desni strani in generiranje sheme na levi strani lahko napišete novo kodo. Ta shema zbirke podatkov je koda SQL, ki jo lahko shranite za izvoz trenutne baze podatkov in ponovno namestitev vsega na nov strežnik.

Če niste seznanjeni z bazami podatkov oz Jezik SQL potem vam ta aplikacija verjetno ne bo koristila. Toda za razvijalce, ki jih zanima spoznavanje SQL, je to orodje popolno!

13. IDE Cloud9

Po mojem mnenju je to najboljši urejevalnik virov na internetu. To ni le urednik, ampak celoten sistem orodij in virov; na njihovih strežnikih lahko shranite vsa skladišča izvorne kode.

Registracija za vse projekte skupnosti je brezplačna. Če potrebujete osebni prostor pred razvojem, bo to stalo 15 USD na mesec ali 180 USD na leto. Zasebna skladišča kod lahko delite s katerim koli uporabnikom po vaši izbiri. Ta možnost razvijalcem omogoča izvajanje skupno delo pri različnih projektih.

Vsak nov projekt je shranjen v podmapi, kjer lahko ustvarite resnične fizične datoteke. HTMl, CSS, JS, PHP in vse, kar potrebujete za kodiranje, bo v vašem računu. Sčasoma boste lahko te datoteke poslali kot celoten projekt ali jih prenesli v računalnik.

Paleta možnosti, ki jih ponuja Cloud9, je zelo široka. Priporočam 10-15 minut, da se ogledujete v brezplačnem računu in takoj se boste zaljubili v delo uporabniškega vmesnika. Družba se še naprej krepi, zato se veselim, da bom v naslednjih nekaj letih dodala nove uporabne možnosti.

14.CodeRun

Je spletni urejevalnik za katero koli dinamično spletno aplikacijo. Urejevalnik besedil zelo podoben Microsoft Visual Studio; lahko celo kodirate v C # za ASP.NET. Njihove knjižnice vključujejo vire tretjih oseb, kot sta Facebook Connect in Silverlight.

Poleg Microsoftovih spletnih aplikacij lahko kodirate neposredno v javascript ali PHP. Način delovanja programa CodeRun se ne razlikuje veliko od programa Visual Studio: ustvarjanje novega projekta spletnega mesta in delo s posameznimi datotekami. Na dnu zaslona so orodja za odpravljanje napak in rezultati iz okna konzole.

Nepogrešljiv, če imate izkušnje z Visual Studio. Vmesnik je skoraj enak in lahko celo naložite / naložite projektne datoteke v računalnik. To je še eno orodje, ki si ga lahko ogledajo izkušeni spletni razvijalci.

15. Sestavljalnik

Predloga je zelo podobna predlogi Windows aplikacije... Lahko delate z odprte dokumente in urejajte datoteke na poti. Preden lahko začnete ustvarjati nove projekte, se morate registrirati.

Ker je postavitev strani podobna običajni namizni aplikaciji, je delo z njo dovolj preprosto tudi za začetnike. Orodja podpirajo tehnike programiranja, kot so C ++, C #in Visual Basic. Na splošno bi moral biti Compilr nadomestna aplikacija za testiranje in odpravljanje napak izvorne kode.

Končno

Število medsebojno povezanih računalnikov narašča, zato razvijalcem olajša skupno delo v brskalniku. Nove tehnologije se pojavljajo kot del lokalnih aplikacij in kdo ve, kako daleč bo to šlo.

Upam, da vas je ta zbirka orodij za testiranje kod spodbudila k razmišljanju o sodobnem razvojnem prostoru. Dandanes nič ne stane v nekaj minutah, da sestavite spletni projekt HTML / CSS in si ogledate kratek predstavitveni video. Upoštevajte, da vam ta orodja pomagajo le pri ustvarjanju končnega izdelka.