Si të gjeni gabimin në kodin CSS. Kontrollimi i vlefshmërisë së CSS duke përdorur Shërbimin e Vlerësimit të CSS. Bërja e butonave interaktive
Kontrollimi i një kodi ueb për vlefshmërinë është kontrollimi i tij për pajtueshmëri me standardet dhe certifikatat W3C.
W3C (Konsorciumi World Wide Web) janë ligjvënësit teknikë të Ueb-it që zhvillojnë standarde dhe udhëzime për kodimin. Certifikatat dhe standardet W3C janë të detyrueshme për të gjithë ata që punojnë në internet. Standardet unike në drejtshkrimin e kodit janë të nevojshme në mënyrë që të gjitha aplikacionet e Ueb-it të komunikojnë në një hapësirë \u200b\u200btë vetme gjuhësore, në gjuhë standarde dhe të kuptojnë njëri-tjetrin gjatë punës me dokumente të Ueb-it.
W3C jo vetëm që krijon Standarde Rrjeti, por gjithashtu promovon në mënyrë aktive zbatimin e tyre.
W3C ka shërbime në internet për të kontrolluar HTML / XHTML dhe kodin CSS për vlefshmërinë.
Kontrollimi i kodit tuaj kundrejt standardeve W3C duke përdorur vlerësuesit W3C është mënyra më e mirë për të dalë.
Shërbime falas online nga W3C për të kontrolluar kodin për vlefshmërinë.
Vlerësuesit W3C kanë një ndërfaqe intuitive. Easyshtë e lehtë dhe e thjeshtë të punosh me ta.
Shërbimet bëjnë të mundur kontrollimin në tre mënyra dhe, në përputhje me rrethanat, vetëm tre butona:
Kontrolloni URL-në
(për verifikim, duhet të specifikoni adresën e çdo faqe të faqes, të disponueshme në Web)
Kontrolloni skedarin e ngarkuar
(për verifikim, duhet të specifikoni shtegun drejt skedarit të skanuar)
Kontrolloni tekstin e shtypur
(për të kontrolluar, kopjuar dhe ngjitur kodin që do të kontrollohet në dritaren e vlerësuesit)
Dy metodat e fundit janë veçanërisht të dobishme kur kontrolloni dokumentet në internet ose tekstet e vendosura në kompjuterët lokalë. Këto mund të jenë faqe në internet, ose të shkarkuara tashmë nga Uebi në një kompjuter lokal, ose të krijuara nga motorët e vendosur në serverat lokalë, siç është "Denver". Në rastin e Denver, duhet të ruani faqen përmes shfletuesit si një skedar me shtesën .html dhe më pas ta kontrolloni atë si një skedar të veçantë, ose kopjoni kodin burimor të faqes në internet direkt nga shfletuesi dhe kontrolloni atë si tekst të shtypur.
Si të përdorni vlerësuesit në internet W3C.
ne i drejtohemi vlerësuesit në:
(http://validator.w3.org/ - për vërtetimin e HTML ose XHTML
http://jigsaw.w3.org/css-validator/ - për vërtetimin e CSS)
në dritaren e vlerësuesit të hapur, zgjidhni një nga tre metodat e verifikimit
(URL e faqes në sit, skedar lokal ose teksti i shtypur)
shkoni në skedën përkatëse
specifikoni objektin e verifikimit
(futni url-në e faqes në internet të kontrolluar,
ose rruga drejt skedarit në kompjuterin lokal,
ose vendosni kodin e verifikuar, përkatësisht)
shtypni butonin "Kontrolloni" dhe shikoni rezultatin e kontrollit
Shërbimet nga W3C kontrollojnë kodin për vlefshmëri dhe menjëherë tregojnë gabime nëse ka. Çdo gabim do të komentohet. Për fat të keq, komentet janë në anglisht. Pra, Përkthe me Google është atje për t'ju ndihmuar, gjithçka që duhet të bëni është të rregulloni kodin dhe ta kontrolloni përsëri për pajtueshmëri nëse është e nevojshme.
Vlerësuesit W3C janë plotësisht falas dhe të automatizuar. Prandaj, mund t'i goditni me punën tuaj mbi gabimet për një kohë të gjatë dhe pa u ndëshkuar. Për këtë, krijohen këto shërbime.
Një alternativë normale ndaj vlerësuesve të W3C.
Përveç serverave në internet të vlerësimit të kodit të internetit W3C, shtrirja HTML Validator për shfletuesin Mozilla Firefox jep rezultate shumë të mira. Prania e një shtese të tillë në shfletues lehtëson punën e webmasterit dhe vërteton edhe një herë se Mozilla Firefox është shfletuesi "timon".
Mund të shkarkoni shtesën dauber këtu: http://users.skynet.be/mgueury/mozilla/
Mund ta instaloni shtesën si kjo:
- Nis Firefox.
Tjetra: Menyja - Veglat - Shtesa - Shtesa.
Dhe, thjesht tërhiqni skedarin e shkarkuar (zgjerimi xpi) në dritaren e hapur me miun.
Pas kësaj, shtesa do të instalohet automatikisht.
ose (mënyra e dytë):
- Nis Firefox.
Tjetra: Menyja - Skedari - Hap skedarin - specifikoni rrugën për skedarin e shkarkuar.
Pas kësaj, shtesa, përsëri, do të instalohet automatikisht.
Pas përfundimit të instalimit, do të duhet të rindizni shfletuesin.
Kur të rifilloni, do të shfaqet një dritare me një zgjedhje të metodës për skanimin e faqeve të internetit:
"HTML Tidy" ose "SGML Parser" ose "Serial"
Ne zgjedhim metodën "SGML Parser" si opsionin më të përshtatshëm dhe të pranueshëm. Klikoni në butonin përkatës. Tani, në dritaren e shfletuesit, do të shfaqet ikona e shtesës dhe pranë tij është butoni i menysë së cilësimeve të shtesës.
Kam - sipër dhe në të djathtë:
Vlerësuesi HTML për shfletuesin Mozilla Firefox funksionon plotësisht automatikisht. Ai nuk ka nevojë t'i tregohet se çfarë të kontrollojë. Kontrollon të gjitha dokumentet që do të hapen në Mozilla Firefox. Isshtë shumë i përshtatshëm. Mjafton të shikohet ngjyra e etiketës së programit për të kuptuar nëse ka apo jo ndonjë problem në dokumentin e hapur.
Në varësi të rezultateve të kontrollit, ngjyra e ikonës mund të jetë jeshile, e verdhë ose e kuqe, që do të thotë sa vijon:
jeshile - "pa gabime", gjithçka është "në rregull"
e verdhë - "pa gabime, por paralajmërime"
e kuqe - "ka gabime"
Kur klikoni në shkurtore, do të hapet një dritare që përmban kodin burimor të faqes së shikuar me shpjegime dhe komente për gabime dhe paralajmërime, nëse ka.
Diçka si kjo.
Mirësevini! Kështu që ne arritëm në një fund. Ka një vit të tërë pune të frytshme, shumë ide interesante janë përshkruar dhe tani e vetmja gjë që ka mbetur është t'i sjellësh në jetë ... Ju mund të ndiqni rrjedhën e ngjarjeve dhe të shihni se si shprehet liria e mendimit në veprim - thjesht regjistrohuni në blog, ju siguroj, nuk do të marrë shumë kohë ...
Sot detyra ime është të zbuloj nëse kodi i saktë burimor që ka kaluar testin ndikon në ndonjë gjë dhe, nëse po, sa. Dhe si gjithmonë, unë jam duke pritur për mendimet tuaja në këtë çështje në komente.
Vitin e kaluar unë i kushtova shumë vëmendje në botimet e mia një termi të tillë si vlefshmëria, është koha të kuptoj se cilat janë ato. avantazhet e HTML të vlefshme... Më parë, së bashku me ju, kemi kuptuar se si të kontrollojmë vlefshmërinë, si dhe kanalet dhe disa pika të tjera interesante.
Katër faktorë kryesorë në favor të një faqe interneti të vlefshme
Së pari, mund të themi me siguri njëqind për qind se faqet që kanë kaluar testin e vlefshëm do të shfaqen në mënyrë korrekte në absolutisht të gjithë shfletuesit modernë - dhe kjo nuk është më pak e rëndësishme se. Pajtohem, nuk është shumë e këndshme të shohësh paraqitjen me elemente të shtrembëruar para jush. Dhe vizitori nuk ka gjasa të kthehet në një blog të tillë, ku autori i tij është përbuzës i paraqitjes dhe.
Së dyti, edhe nëse mendoni logjikisht, duke hequr etiketat e panevojshme dhe "mbeturinat" e tjera, ne zvogëlojmë peshën e faqes dhe në këtë mënyrë zvogëlojmë kohën e ngarkimit të faqes, dhe shfletuesit kalojnë më pak kohë duke përpunuar faqe të tilla. E dini, ekziston një thënie e tillë: "Më pak fjalë, më shumë veprim", nëse e parafrazoni dhe e zbatoni në ndërtimin e faqes, merrni diçka si "Më pak etiketa - më shumë fjalë".
Dhe këto nuk janë fjalë boshe, të gjithë ata që kanë hasur ndonjëherë probleme me Yandex morën një përgjigje nga mbështetja teknike: përmirësoni faqen dhe punoni në të. Për shembull, në shiritin e veglave Yandex Webmaster, ju mund të gjeni ndihmë për seksionin, i cili përmban rekomandime për krijimin e faqeve.
Nëse e studioni me kujdes këtë dokument, atëherë paragrafi 3 "Paraqitja" përcakton sa vijon:
Mundohuni ta mbani paraqitjen e faqes tuaj në nivelin standard
Së treti, nëse jeni të angazhuar në krijimin e faqeve të internetit të bëra me porosi ose i promovoni ato, ndoshta duhet të dini gjuhët HTML dhe CSS, dhe nëse po, atëherë pse krijoni qëllimisht gabime? Përveç kësaj, klientët ndonjëherë i vendosin një detyrë kontraktorit: të përdorë një kod të vlefshëm, dhe në përputhje me rrethanat çmimet do të jenë shumë më të larta për punën e kryer.
Dhe, së fundmi, së katërti, faktori psikologjik luan një rol të rëndësishëm. Niceshtë mirë të dihet se puna e bërë plotëson disa kritere dhe standarde, në rastin tonë, standardet e Konsorciumit World Wide Web. Dhe siç e dini, psikologjia është një gjë e shkëlqyeshme! Prandaj mos e injoroni.
Eh, është kaq bukur të shohësh një mbishkrim të tillë
Pershendetje te gjitheve!
Kontrollimi i vlefshmërisë së kodit HTML është i domosdoshëm, sepse robotët e kërkimit shohin vetëm kodin HTML. Për këtë arsye, këshillohet të vendosni kodin e faqes në rregull. Në këtë do të ndihmohemi nga shërbime të veçanta në internet që kryejnë verifikimin e kodit dhe tregojnë posaçërisht për gabimet.
Një shërbim i tillë është vlerësuesi validator.w3.org, që është ndoshta më i miri. Completelyshtë plotësisht në anglisht, kështu që disa njerëz mund të kenë probleme kur punojnë, por mos u shqetësoni: vlerësuesi do t'ju tregojë si numrin e rreshtit ashtu edhe vetë gabimin.
Një kod i vlefshëm është një kod që plotëson të gjitha standardet.
Për mësimin, do t'ju duhet materiali vijues:
Shërbimi i lartpërmendur në internet kontrollon kodin HTML në internet në të gjithë sitin. Thjesht duhet të specifikoni domenin e faqes tuaj dhe të klikoni në butonin "Kontrolloni", kështu që të filloni të kontrolloni kodin HTML të faqes.
Gjithashtu, vlerësuesi siguron një veçori shumë interesante - kontrollimi i skedarëve të faqeve nga kompjuteri lokal. Sipas mendimit tim, ky mjet është i dobishëm për ata që bëjnë faqe për të porositur. Para se të vendosni porosinë, duhet të kontrolloni dy herë gjithçka, sepse dëshironi të jeni gjithmonë të kënaqur me punën tuaj. Mund të kontrolloni skedarët duke shkuar te skeda "Vlereso me Ngarko Skedarin": 
Si mund të rregulloj gabimet në kodin HTML?
Shërbimi Validator W3c më tregoi dy gabime dhe lëshoi \u200b\u200b8 paralajmërime. Do të përpiqem t'i rregulloj dhe t'ju tregoj se si është bërë në një copë. 
Ne rregullojmë gabimin "Stili i elementit nuk lejohet si fëmijë i elementit div në këtë kontekst. (Duke shtypur gabimet e mëtejshme nga kjo nënpemë.) ". Ky gabim më tregon se në kodin HTML, përkatësisht etiketën
Vlerësuesi gjithashtu tregon se ku ndodhet saktësisht gabimi: 
Në këtë mënyrë mund të gjeni dhe rregulloni gabimet e kodit HTML. Por faqet përbëhen jo vetëm nga kodi i shënjimit, por edhe nga CSS, kështu që ne gjithashtu kontrollojmë fletët e stilit kaskadë të burimit të uebit.
Kontrollimi i kodit CSS për vlefshmërinë
Vlerësuesi W3c gjithashtu mund të kontrollojë kodin CSS për vlefshmëri. Këtë mund ta bëni në këtë link. Parimi i funksionimit është i njëjtë: specifikoni URL-në e faqes, ose zgjidhni një skedar në kompjuterin tuaj dhe klikoni në butonin "Kontrolloni".
Ndryshe nga i njëjti vlerësues HTML, vlerësuesi i CSS është në rusisht.
Gabimet dhe paralajmërimet e CSS
Kur kontrolloni kodin CSS për vlefshmëri, shërbimi lëshon një numër të madh gabimesh dhe paralajmërimesh. Kam 23 gabime dhe 281 paralajmërime. Në shikim të parë, mund të duket se kjo është shumë dhe madje mund të jetë e frikshme, megjithatë, shumica e gabimeve dhe paralajmërimeve të treguara tregohen vetëm sepse shërbimi nuk njeh veti të caktuara që zbatohen në shfletues të ndryshëm.
Në rastin tim, shumica e 281 paralajmërimeve janë veti të CSS për t'u shfaqur normalisht në shfletues të ndryshëm:
Shërbimi pozicionon etiketat e tilla si "zgjerim i panjohur i shitësit". Prandaj, nëse, kur kontrolloni skedarët tuaj CSS, shihni një numër të madh të gabimeve të tilla, atëherë mos u shqetësoni. Eshte ne rregull
Unë nuk do të rendis gabimet më të zakonshme dhe mënyrat për t'i eleminuar ato, pasi zgjidhjet e secilit mund të jenë të ndryshme dhe ju duhet të shikoni vetë kodin HTML për të kuptuar se çfarë është e gabuar.
Nëse nuk mund të eleminoni ndonjë gabim, atëherë ndani problemin në komentet e mësimit, mbase do të gjejmë një zgjidhje së bashku.
Shpresoj se mësimet që dolën gjatë kësaj jave ishin të dobishme për ju dhe ndihmuan në zgjidhjen e problemeve të caktuara.
Epo, tani, lamtumirë!
Artikulli i mëparshëmArtikulli tjetër
2016-12-29
Ne gjallërojmë butonat dhe kontrollojmë sitin për vlefshmërinë e HTML dhe CSS
Përshëndetje i dashur vizitor!
Sot ne do të shqyrtojmë, duke përdorur shembullin e një faqe në internet të krijuar, se si mund ta kontrolloni sitin për vlefshmëri, përkatësisht, për pajtueshmëri me specifikimet e përcaktuara të gjuhëve HTML dhe CSS.
Përveç kësaj, para se të kontrollojmë, ne do të bëjmë një rishikim të fletës së stileve CSS në pjesën që lidhet me "gjallërimin" e butonave të shiritit anësor, ku do t'i bëjmë butonat statike interaktivë, duke ndryshuar pamjen e tyre në varësi të gjendjes së tyre - pasive, aktive dhe të shtypura.
- Bërja volumetrike e butonave
- Bërja e butonave interaktive
- Keni nevojë për vërtetim
- Si të vërtetoni kodin HTML
- Si të vërtetoni kodin CSS
- Skedarët e burimit të faqes
Bërja e vëllimeve volumetrike e butonave
Në artikullin e mëparshëm, ne stilizuam zonën kryesore të përmbajtjes që të përputhej me paraqitjen e faqes kryesore. Në të njëjtën kohë, për momentin ka butona në shiritin anësor që janë statike dhe duken si një drejtkëndësh i rregullt kafe i sheshtë me kënde të rrumbullakosura.
Më poshtë është një fragment i një shiriti anësor me butona të tillë.
Në mënyrë që të "gjallërojmë" butonat, le t'i japim më parë atyre një vëllim me ndihmën e stileve CSS. Dhe ne do ta bëjmë këtë duke përdorur vetinë e gradientit linear, e cila është përdorur më parë në hartimin e blloqeve rrotulluese, kërkuese dhe pajtimit.
Ne përcaktojmë vlerat e gradientit linear si më poshtë:
1. Nuancat e ngjyrave do të vendosen nga poshtë lart, duke filluar me një ngjyrë më të errët krahasuar me ngjyrën kryesore të butonit. Për të përcaktuar se cilën ngjyrë do të përdorim në fillim të gradientit, ne përdorim mjetin e një redaktori grafik, në këtë rast Photoshop.
Për ta bërë këtë, me një dokument të hapur të paraqitjes së dizajnit, zgjidhni "Zgjedhësin e Ngjyrave", lëvizni kursorin mbi zonën e kërkuar të butonit, përcaktoni ngjyrën kryesore dhe më pas përdorni mjetet "Zgjedhësi i Ngjyrës" për të zgjedhur një ngjyrë më të errët të së njëjtës hije kafe. Në rastin tonë, le të marrim një ngjyrë me vlerën "653939". Se si mund të bëhet kjo tregohet qartë në pamjen e ekranit më poshtë.
2. Tjetra, përcaktoni pozicionin e ndalimit të gradientit ku ngjyra fillestare, e errët do të kalojë në atë kryesore. Ne do ta vendosim pozicionin tonë të ndalimit përafërsisht në mes. Në të njëjtën kohë, në mënyrë që të bëjmë një ngjyrë më të ngopur, ne do të lëvizim pozicionin e ndalimit pak lart dhe do të përcaktojmë vlerën e tij, të themi, 70% të lartësisë.
3. Gjëja e fundit që duhet të bëni për të caktuar vetitë e gradientit është të përcaktoni një ngjyrë më të lehtë sesa ngjyra bazë që do të ngjyrosë butonat në krye. Kjo bëhet në të njëjtën mënyrë si kur përcaktohet ngjyra fillestare e gradientit. Në këtë rast, ne do të marrim vlerën e kësaj ngjyre si "b88686".
3. Bazuar në të dhënat e marra, shtoni një gradient linear në vetitë CSS të gjeneruara më parë të butonave.
hyrja: {
lartësia : 30px;
diferencë-fund : 10px;
rrezja kufitare : 5px;
sfond : # a76d6d;
rreshto tekstin : qendra;
pesha e shkronjave : e theksuar;
ngjyrë : #fff;
noton : djathtas;
sfond-imazh
Mund të vërehet se gjatë përcaktimit të ngjyrave ekstreme, pozicionet e ndalimit nuk tregohen këtu, pasi kjo nuk është e nevojshme në vlerat 0% dhe 100%.
Tani, le të rifreskojmë shfletuesin dhe të shohim rezultatin.
Siç mund ta shihni, butonat kanë fituar një fryrje të lehtë. Tani mund të filloni t'i "ringjallni" ato.
Bërja e butonave interaktive
Në mënyrë që të punojmë plotësisht me butonat, ne do t'i bëjmë ato interaktive, të cilat do të pasqyrojnë vizualisht tre gjendjet e tyre kryesore, pasive (butoni është në gjendjen e tij fillestare), aktive (kursori po rri pezull mbi butonin) dhe të shtypur (kur kursori lëviz, butoni i miut shtypet dhe mbahet).
Dhe kjo do të bëhet duke përdorur një kombinim të vetive të hijes dhe kufirit. Thelbi i kësaj teknike është se duke ndryshuar ngjyrën e hijes dhe kufijve nga anët e ndryshme, ju mund të arrini një imitim të ndryshimit në gjendjen e butonave.
Së pari, le ta bëjmë këtë për gjendjen pasive dhe të përpiqemi ta portretizojmë në mënyrë që butonat të ngrihen mbi sipërfaqe.
Ne do të zgjedhim ngjyrat e kufijve dhe hijeve në të njëjtën mënyrë si në rastet e mëparshme.
Kodi CSS pas shtesave të duhura do të marrë formën.
hyrja: {
lartësia : 30px;
diferencë-fund : 10px;
rrezja kufitare : 5px;
sfond : # a76d6d;
rreshto tekstin : qendra;
pesha e shkronjave : e theksuar;
ngjyrë : #fff;
noton : djathtas;
sfond-imazh : gradient linear (lart, # 653939, # a76d6d 50%, # b88686);
kuti-hije : 2px 2px 4px 0px # 422a2a;
gjerësia e kufirit : 2px;
në stilin e kufirit : i ngurtë;
ngjyra e kufirit : #ddbebe # 241616 # 241616 #ddbebe;
Mund të vërehet këtu që kufijtë përfaqësohen nga një kombinim i vetive që përcaktojnë trashësinë (gjerësia e kufirit me vlerën) 2px ), një stil (stili i kufirit) me një vlerë që përcakton një kufi të fortë dhe ngjyrat (ngjyra e kufirit) në secilën prej katër anëve.
Le të azhurnojmë shfletuesin dhe të shohim se si do të duken butonat tani.
Siç mund ta shihni, butonat në këtë gjendje duket se janë ngritur.
Tani le të përpiqemi t'i bëjmë butonat të duken si një gjendje e shtypur. Për ta bërë këtë, ne do të heqim hijen dhe do të ndryshojmë ngjyrën e kufijve. Në këtë rast, ne do të përdorim një përzgjedhës të veçantë pseudo-klasë: rri pezull që korrespondon me gjendjen aktive.
CSS për gjendjen aktive të butonave do të duket kështu.
hyrja: rri pezull {
kuti-hije : asnje;
ngjyra e kufirit : # a76d6d # a76d6d # a76d6d # a76d6d;
Në këtë rast, ne do të ndryshojmë përsëri ngjyrën e kufijve dhe do të shtojmë një hije, vetëm në këtë rast do të jetë e brendshme dhe pa zhvendosje. Përzgjedhësi i klasës pseudo gjithashtu do të ndryshojë në: aktiv, që i përgjigjet gjendjes së shtypur.
Kodi CSS për gjendjen e shtypur do të jetë si më poshtë.
hyrja: aktiv {
kuti-hije : 0px 0px 7px 2px # 422a2a fut;
ngjyra e kufirit : # 777 #fff #fff # 777;
Butoni "Kërko" tregohet më poshtë për krahasim, ku mund të shihni qartë se si e ndryshon pamjen e saj në varësi të gjendjes.
Fig. 8 Gjendja pasive
Këtu kemi përfunduar paraqitjen e faqes kryesore dhe e kemi sjellë atë në një formë që përputhet me paraqitjen e dizajnit. Dhe tani duhet, si më parë, në secilën fazë, ta kontrollojmë atë për ndër-pajtueshmëri në shfletues të ndryshëm. Por para kësaj, le të kontrollojmë faqen për vërtetim, pasi gjendja e kodit mund të ndikojë deri diku në qëndrueshmërinë e tërthortë. Prandaj, tani do ta kryejmë këtë operacion shumë të nevojshëm.
Keni nevojë për vërtetim
Validimi është verifikimi i kodit kundrejt standardeve të përcaktuara. Bëni dallimin midis vërtetimit për korrektësinë e kodit HTML dhe CSS. Shtë e qartë se në një rast kontrollohet kodi HTML, në tjetrin kodi CSS.
Ndoshta, shumë do ta kenë të çuditshme të pyesin nëse nevojitet vërtetimi. Por nëse shikoni në Internet, mund të shihni se ka shumë që besojnë se kodi i vlefshëm është i panevojshëm, se kjo është humbje kohe, pasi shfletuesit funksionojnë mirë edhe në prani të të gjitha llojeve të gabimeve.
Sigurisht, në shumë raste, faqet mund të punojnë mirë në kodin e pavlefshëm, por qëndrueshmëria e tërthortë në raste të tilla patjetër që nuk do të garantohet. Mbi të gjitha, ekzistojnë standarde për vetë gjuhët e programimit, por për faktin se shfletuesit korrigjojnë gabimet në të njëjtën mënyrë, natyrisht, nuk ka një standard të tillë dhe nuk mund të ketë. Prandaj, shfletues të ndryshëm mund të trajtojnë gabimet në mënyra të ndryshme, të cilat mund të çojnë në shfaqje të ndryshme të faqeve.
Dhe në përgjithësi, nuk është e qartë pse disa njerëz kanë një qëndrim kaq figurativ ndaj punës së tyre, sipas parimit "do të bëjë pikërisht atë". Prandaj, nëse dikush mendon se nuk ka nevojë të kontrollojë kodin për vlefshmëri, atëherë kjo është e drejta e tij, dhe ai vështirë se mund të bindet për të kundërtën, dhe nuk ka nevojë.
Tani le të kalojmë në kontrollimin e drejtpërdrejtë të vlefshmërisë së kodeve, së pari HTML, pastaj CSS.
Si të vërtetoni kodin HTML
Në fakt, vetë kontrolli i vlefshmërisë së kodit është mjaft i thjeshtë, siç mund të shihet tani. Por, eleminimi i gabimeve zakonisht kërkon një kohë të caktuar. Sigurisht, nëse kodi përbëhet nga disa rreshta, atëherë vështirësitë nuk mund të lindin këtu. Por, nëse ka qindra dhe mijëra të tillë, atëherë mund të duhet të punoni shumë, gjithçka varet nga sa mirë është përpiluar kodi. Prandaj, është më mirë ta bëni këtë më shpesh me një kontroll të përbashkët të kryqëzimit.
Këtu do të shqyrtojmë opsionin më të thjeshtë dhe më të zakonshëm për të kontrolluar vlefshmërinë - ky është përdorimi i faqes "Konsorciumi W3C", i cili, me mbështetjen e zhvilluesve të shfletuesit, zhvillon specifikime për kodet e faqeve të internetit.
Për të kontrolluar kodin HTML, thjesht ndiqni lidhjen https://validator.w3.org/, ku do të hapet një faqe me një fushë për futjen e adresës së faqes që kontrollohet.
pamja e ekranit 51
Pasi të shtypni butonin "Kontrolloni", ne do të marrim rezultatin e kontrollit.
Në këtë rast, kodi HTML është i vlefshëm, por ekziston një rekomandim për të përdorur atributin lang me vlerën "ru" , pasi faqja përdor rusisht.
Atributi lang ka për qëllim të lejojë shfletuesit të shfaqin saktë karaktere të caktuara, të tilla si thonjëza, në varësi të gjuhës së përdorur. Prandaj, nuk do të jetë e tepërt për ne që ta përfshijmë atë në kodin HTML. Dhe ne do ta bëjmë këtë në etiketën html në mënyrë që kjo atribut të mund të ndikojë në të gjithë dokumentin.
Si ta bëni këtë shtesë tregohet në tabelën vijuese.
"ru" >
. . .
Dhe tani, nëse bëjmë një kontroll të dytë, mund të shohim që kodi është bërë plotësisht i vlefshëm pa asnjë koment.
Në këtë mënyrë, ne kontrolluam skedarin e postuar në Internet. Por kur faqja nuk është postuar ende në internet, ju mund të kontrolloni vlefshmërinë e saj në mënyra të tjera, ose është të ngarkoni skedarin duke përdorur butonin e shfletimit, ose përdorni formularin për të kopjuar direkt kodin HTML.
Pamja e ekranit tregon opsionin e fundit, kur kodi i faqes në internet kopjohet drejtpërdrejt në formularin për vërtetim.
Pas kryerjes së kontrollit, ne kemi një rezultat të ngjashëm, dhe kodi i kontrolluar gjithashtu do të tregohet këtu. Në rast se gjenden gabime, ato do të theksohen për të thjeshtuar kërkimin, gjë që thjeshton shumë punën për t'i eliminuar ato.
Si të vërtetoni kodin CSS
Ne kemi mbuluar kontrollimin e vlefshmërisë HTML. Vlerësimi i kodit CSS shkon saktësisht në të njëjtin rend. Vetëm në këtë rast, duhet të përdorni një faqe tjetër të vlefshme, e cila për një rast të tillë ndodhet në http://jigsaw.w3.org/css-validator/.
Le ta hapim dhe, ashtu si herën e mëparshme, futni adresën e faqes që do të kontrollohet, dhe më pas shtypni butonin "Kontrolloni".
Rezultati i këtij kontrolli tregohet në screenshot.
Siç mund ta shihni, kodi ynë CSS është plotësisht në përputhje me specifikimet pa ndonjë gabim, gjë që është një rezultat i mirë.
Renditja e metodave të tjera të verifikimit për këtë rast përputhet plotësisht me kontrolle të ngjashme për kodin HTML. Prandaj, ne nuk do të përsërisim veten këtu, dhe këtu do të përfundojmë shqyrtimin e kontrolleve të vlefshmërisë.
Pas kësaj, ne do të kontrollojmë faqen tonë për përputhjen e kryqëzuar dhe duke u siguruar që ajo të shfaqet e njëjtë në të gjithë shfletuesit, në këtë do të përfundojmë paraqitjen e faqes kryesore të faqes.
Dhe, ne do të merremi me këtë menjëherë pas pushimeve të Vitit të Ri.
Dhe si përfundim, ju mund t'i uroni të gjithëve Gëzuar Vitin e Ri! Dhe ju uroj shëndet, dashuri, gëzim, prosperitet dhe, natyrisht, sukses të madh në krijimin e faqes suaj të internetit për mundësinë e punës së suksesshme në internet në Vitin e Ri!
Skedarët e burimit të faqes
Skedarët burimorë të faqes me azhurnimet që janë bërë në këtë artikull mund të shkarkohen nga bashkangjitur materiale shtesë.