Patvirtinimas reiškia CSS kodo patikrinimą pagal CSS2.1 arba CSS3 specifikaciją. Atitinkamai, teisingas kodas, kuriame nėra klaidų, vadinamas galiojančiu, o tas, kuris neatitinka specifikacijos, vadinamas negaliojančiu. Patogiausia kodą patikrinti svetainėje http://jigsaw.w3.org/css-validator/ , naudodamiesi šia paslauga galite nurodyti dokumento adresą, įkelti failą ar patikrinti įvestą tekstą. Didelis paslaugos pliusas yra rusų ir ukrainiečių kalbų palaikymas.

Patikrinkite URI

Šis skirtukas leidžia nurodyti internete priglobto puslapio adresą. http:// protokolo galima praleisti, jis bus pridėtas automatiškai (20.1 pav.).

Ryžiai. 20.1. Dokumento tikrinimas pagal adresą

Įvedę adresą, spustelėkite mygtuką „Patikrinti“ ir pasirodys vienas iš dviejų užrašų: „Sveikiname! Klaidų nerasta“, jei pavyko, arba „Deja, radome toliau nurodytos klaidos» dėl neteisingo kodo. Klaidos arba įspėjimo pranešimuose yra eilutės numeris, parinkiklis ir klaidos aprašymas.

Patikrinkite įkeltą failą

Šis skirtukas leidžia įkelti HTML arba CSS failą ir patikrinti, ar nėra klaidų (20-2 pav.).

Ryžiai. 20.2. Failo tikrinimas jį įkeliant

Paslauga automatiškai atpažįsta failo tipą ir, jei nurodytas HTML dokumentas, ištraukia iš jo stilių patvirtinimui.

Patikrinkite įvestą tekstą

Paskutinis skirtukas skirtas tiesiogiai įvesti HTML arba CSS kodą ir bus patvirtintas tik stilius (20-3 pav.).

Ryžiai. 20.3. Tikrinama įvestas kodas

Atrodo, kad ši parinktis yra patogiausia atliekant įvairius eksperimentus su kodu arba greitas patikrinimas maži fragmentai.

CSS versijos pasirinkimas

CSS3 turi daug naujų stiliaus savybių, palyginti su ankstesnė versija, todėl turėtumėte patikrinti kodą atsižvelgdami į versiją. Pagal numatytuosius nustatymus CSS3 yra nurodytas paslaugoje, todėl jei norite patikrinti, ar kodas atitinka CSS2.1, turite tai aiškiai nurodyti. Norėdami tai padaryti, spustelėkite tekstą Papildomos funkcijos“ ir atsidariusiame bloke iš sąrašo „Profilis“ pasirinkite CSS2.1 (20.4 pav.).

Ryžiai. 20.4. Nurodoma tikrintina CSS versija

Sukūrus svetainę ir užpildžius ją viskuo, ko reikia, reikia patikrinti, ar svetainėje nėra klaidų. Norėdami rasti rašybos klaidų html ir css, jums padės W3 tikrintuvas - World Wide Web Consortium, kuris vertime: World Wide Web Consortium. Jis suranda visas klaidas ir nurodo, kur jos yra, taip pat siūlo jų pašalinimo galimybes.

Kodėl taisyti kodą naudojant W3C Validator

Tiesą sakant, iš to nėra daug privalumų ir jie visi yra sąlyginiai, bet, deja, kiekvienoje svetainėje turėtų būti minimalus klaidų skaičius, idealiu atveju jų nėra. Ką nuspręstumėte, ar jums to reikia, čia yra jo pranašumai:

• Puslapio įkėlimo greitis padidės, bet šiek tiek, tai net nebus pastebima.
• Svetainė bus rodoma vienodai kiekvienoje naršyklėje.
• Įtraukdami svetainę į katalogą, atkreipkite dėmesį į HTML ir css rašymo raštingumą.

Ne daug privalumų, bet pataisykite html ir css klaidos Verta naudoti W3C tikrintuvą!

Kaip ištaisyti klaidas naudojant Validator

Klaidų taisymo su validatoriumi principas nesudėtingas ir kiekvienas gali susitvarkyti! Sekame nuorodas, jei sunku suprasti anglų kalbą, patariu naudoti vertėją arba naudoti tai, kuriame bus rodomas klaidų tipas rusų kalba. Apsvarstykite patvirtinimo priemonės pataisymo pavyzdį:

1. Įveskite visą savo svetainės pavadinimą.


2. Sąraše pradedame žiūrėti kur ir kokia klaida bei ko reikia jai ištaisyti.


Kaip matote nuotraukose, mano klaida yra nuorodoje, šią problemą radau bendrinimo mygtukų papildinyje. Dažnai tenka narstyti visus failus, kad rastumėte klaidą.

3. Įtraukite elementą prie eilutės, kurioje buvo rasta klaida, ir dar kartą patikrinkite tikrintuvą.
Jei klaida ištaisyta, tai gerai. Jei ne, tuomet teks ieškoti toliau.

Tikrinant žiniatinklio kodo galiojimą jis tikrinamas pagal W3C standartus ir sertifikatus.
W3C (konsorciumas pasaulinis tinklas) yra techniniai žiniatinklio įstatymų leidėjai, kuriantys kodo rašymo standartus ir taisykles. W3C sertifikatai ir standartai yra privalomi visiems, kurie dirba internete. Vieningi kodo rašybos standartai reikalingi, kad visos tinklo programos bendrautų viena kalbos erdve standartinėmis kalbomis ir suprastų viena kitą dirbdamos su žiniatinklio dokumentais.
W3C ne tik kuria žiniatinklio standartus, bet ir aktyviai skatina jų įgyvendinimą.
W3C turi internetines paslaugas, skirtas HTML/XHTML ir CSS kodams patvirtinti.
Patikrinti kodą pagal W3C standartus naudojant W3C tikrintuvus yra geriausia išeitis.

Nemokamos internetinės W3C paslaugos, skirtos patikrinti kodo galiojimą.
W3C tikrintuvai turi intuityvų aiški sąsaja. Dirbti su jais lengva ir paprasta.
Paslaugos leidžia tikrinti trimis režimais ir atitinkamai turi tik tris mygtukus:
Patikrinkite URL
(Norėdami patikrinti, turite nurodyti bet kurio žiniatinklio svetainės puslapio adresą)
Patikrinkite įkeltą failą
(Norėdami patikrinti, turite nurodyti kelią iki tikrinamo failo)
Patikrinkite įvestą tekstą
(Norėdami patikrinti, turite nukopijuoti ir įklijuoti kodą, kurį norite patikrinti, į tikrinimo langą)

Paskutiniai du metodai yra ypač naudingi tikrinant žiniatinklio dokumentus ar tekstus, esančius vietiniuose kompiuteriuose. Tai gali būti tinklalapiai arba jau atsisiųsti iš interneto į vietinis kompiuteris, arba generuoja varikliai, esantys vietiniai serveriai, kaip „Denveris“. Denverio atveju turite išsaugoti puslapį per naršyklę kaip failą su plėtiniu .html ir tada patikrinti jį kaip atskirą failą arba nukopijuoti šaltinis tinklalapius tiesiai iš naršyklės ir patikrinkite, kaip įvestas tekstas.

Kaip naudoti W3C internetinius tikrintuvus.
susisiekite su tikrintoju adresu:
(http://validator.w3.org/ – patvirtinti HTML arba XHTML
http://jigsaw.w3.org/css-validator/ – CSS patvirtinimui)
atsidariusiame tikrinimo priemonės lange pasirinkite vieną iš trijų patvirtinimo būdų
(tinklalapio URL, vietinis failas arba įvestas tekstas)
eikite į atitinkamą skirtuką
nurodykite tikrinimo objektą
(įveskite patikrinto tinklalapio URL adresą,
arba kelią į failą vietiniame kompiuteryje,
arba atitinkamai įklijuokite kodą, kurį norite patikrinti)
spustelėkite mygtuką „Tikrinti“ ir pažiūrėkite į patikrinimo rezultatą

W3C paslaugos patikrina kodo galiojimą ir nedelsdamos nurodo klaidas, jei tokių yra. Kiekviena klaida bus komentuojama. Komentarai, deja, anglų kalba. Taigi, „Google“ vertėjas yra čia, kad padėtų. Belieka, jei reikia, pataisyti kodą ir dar kartą patikrinti, ar jis atitinka.
W3C tikrintuvai yra visiškai nemokami ir automatizuoti. Todėl galite ilgai ir nebaudžiamai kalti juos savo darbu dėl klaidų. Tam yra sukurtos šios paslaugos.

Įprasta alternatyva W3C tikrintojams.
Be W3C internetinių serverių, skirtų žiniatinklio kodui tikrinti, labai geras rezultatas suteikia naršyklei HTML Validator plėtinį Mozilla Firefox. Tokio priedo buvimas naršyklėje palengvina žiniatinklio valdytojo darbą ir dar kartą įrodo, kad „Mozilla Firefox“ yra „vairo“ naršyklė.
Mazilka plėtinį galite atsisiųsti čia: http://users.skynet.be/mgueury/mozilla/

Galite įdiegti plėtinį taip:
- Paleiskite „Firefox“.
Kitas: Meniu – Įrankiai – Priedai – Plėtiniai.
Ir tiesiog nuvilkite atsisiųstą failą (xpi plėtinį) į atsidariusį langą.
Po to plėtinys bus įdiegtas automatiškai.

arba (antras būdas):
- Paleiskite „Firefox“.
Kitas: Meniu – Failas – Atidaryti failą – nurodykite atsisiųsto failo kelią.
Po to plėtinys vėl bus įdiegtas automatiškai.

Kai diegimas bus baigtas, turėsite iš naujo paleisti naršyklę.
Paleidus iš naujo, pasirodys langas su pasirinktu būdu patikrinti tinklalapius:
„HTML tvarkingas“ arba „SGML analizatorius“ arba „serijinis“
Mes pasirenkame "SGML Parser" metodą kaip patogiausią ir priimtiniausią variantą. Paspaudžiame atitinkamą mygtuką Dabar naršyklės lange bus rodoma priedo nuorodos piktograma, o šalia jos - priedo nustatymų meniu mygtukas.
Turiu viršuje ir dešinėje:

HTML tikrintuvas, skirtas Mozilla naršyklė„Firefox“ veikia visiškai automatinis režimas. Jam nereikia rodyti, ką tikrinti. Jis tikrina visus dokumentus, kurie bus atidaryti „Mozilla Firefox“. Tai labai patogu. Pakanka pažvelgti į programos nuorodos spalvą, kad suprastumėte, ar atidarytame dokumente nėra problemų.
Atsižvelgiant į patikrinimo rezultatus, piktogramos spalva gali būti žalia, geltona arba raudona, o tai reiškia:
žalia - "nėra klaidų", viskas "gerai"
geltona - "nėra klaidų, bet yra įspėjimų"
raudona - "yra klaidų"

Spustelėjus nuorodą, atsidarys langas, kuriame bus rodomo puslapio šaltinio kodas su paaiškinimais ir komentarais apie klaidas ir įspėjimus, jei tokių yra.
Maždaug taip.

Šioje kolekcijoje yra nuostabi kolekcija. internetines paslaugas darbui su CSS kodais. Visos šios paslaugos labai palengvina žiniatinklio kūrėjo gyvenimą. Jų pagalba galite sukurti svetainės CSS tinklelį, patikrinti kodą, ar nėra klaidų, pritaikyti kodą įvairios naršyklės, generuoti CSS stiliai Remdamiesi „Photoshop“ sluoksnių stiliais, gaukite fonų ir gradientų šablonų kodus, suspauskite CSS, kad padidintumėte svetainės įkėlimo greitį. Yra daug paslaugų, kurios specializuojasi dirbant su šriftais ir jų vaizdiniu vaizdu.

1Kb CSS tinklelis
Nustačius tik tris parametrus, taip pat sugeneruojamas CSS tinklelis. Taip pat nurodomas plotis pikseliais.

Tinklelio dizaineris
sudėtingesnė paslauga. CSS tinklelis sukonfigūruojamas keliais būdais. Antrasis blokas generuoja tekstą, kuris bus rodomas stulpeliuose. Išvestyje turime paruoštą CSS ir HTML šabloną.

CSS Lint
Paslauga, skirta patikrinti, ar jūsų svetainės kode nėra klaidų.

Pradinis CSS
Įdėję HTML kodą į dialogo langą, galite gauti visų paminėtų klasių ir ID, paminėtų CSS, sąrašą.

PriešdėlisMyCSS
Jei įeisite šaltinis css kodą, o išvestyje galite gauti kodą, pritaikytą skirtingoms naršyklėms.

Modernizr
Ši paslauga siūlo atsisiųsti ir įdiegti JavaScript biblioteka atvirojo kodo, kuris kažkaip padės jums kuriant svetainę. Tiksliai pasakyti negaliu, nes pats nebandžiau.

Sluoksnių stiliai
Labai naudinga paslauga. Remdamasi dialogo lange Sluoksnių stiliais nustatymais, „Photoshop“ generuoja CSS kodą.

Galutinis CSS gradientas„ColorZilla“ generatorius
Galima rinktis iš daugybės gradientų ir jų CSS kodai pritaikyta skirtingoms naršyklėms.

spritebox
Leidžia greitai ir lengvai sukurti klases ir ID iš vieno vaizdo

automatinis css įdėklas
Automatiškai konvertuoja visus vietinius stilius į eilutę CSS, skirtą naudoti adresų sąrašuose.

tipo testeris
Leidžia palyginti skirtingų šriftų rašybą ir gauti pasirinkto rašymo stiliaus CSS kodą.

Žiniatinklio šriftų kombinatorius
Paslauga leidžia vizualiai pamatyti, kaip skirtingi šriftų deriniai atrodys antraštėse, paantraštėse ir pagrindiniame tekste.

Pastaruoju metu iš vartotojų sulaukiu kelių klausimų apie mano temų pagrįstumą ir apskritai patvirtinimą. Šiame įraše noriu į juos atsakyti.

Kas yra galiojimas?

Manoma, kad kodo galiojimas yra viena, universali bet kurio kodo savybė.
Tiesą sakant, galiojimas yra atitiktis html kodas dokumentą pagal tam tikrą taisyklių rinkinį, nurodytą doctype arba numanomą HTML5 .
Tai reiškia, kad galiojimas yra santykinė sąvoka, nes skiriasi taisyklės ir jų reikalavimai.
Kad būtų aiškiau, pateiksiu pavyzdį, kurį radau svetainėje css-live.ru:

Gyvenamųjų pastatų ir atominių elektrinių statybai taikomi skirtingi SNiP (statybos kodeksai ir taisyklės), todėl dokumentas, galiojantis pagal vieną taisyklių rinkinį, gali negalioti pagal kitą (atominė elektrinė, pastatyta pagal 2010 m. būtų geras gyvenamasis namas!).

Doktipas paprastai nurodo dokumentą, pagal kurį planuojamas html patvirtinimas, tačiau jis gali būti pasirinktas dėl pragmatiškų priežasčių, norint pasirinkti optimalų naršyklių režimą.
XHTML5 gali visai neturėti doctype, bet galioja.

Patvirtinimas – kas tai?

Paprastais žodžiais tariant, patvirtinimas yra kodo tikrinimo ir jo atitikimo pasirinktam dokumento tipui (DTD) procesas.

Kaip tikrinamas galiojimas?

HTML kodo galiojimas tikrinamas įrankiu, vadinamu validatoriumi.
Garsiausias w3c tikrintuvas yra https://www.w3.org.
W3c tikrintuvas atlieka kelis kodo patikrinimus.
Pagrindiniai:

1. Patikrinkite, ar nėra sintaksės klaidų:
   Pavyzdys iš habrahabr.ru/post/101985:
   yra teisinga sintaksė, nors yra netinkama HTML žyma
   Taigi, norint parašyti gerą HTML kodą, sintaksės tikrinimas yra minimalus.
2. Žymų įdėjimo patikra:
   AT HTML dokumentas etiketės turi būti uždarytos atvirkštine jų atidarymo tvarka. Šis patikrinimas aptinka neuždarytas arba netinkamai uždarytas žymas.
3. HTML patvirtinimas pagal DTD:
   Tikrinama, kaip kodas atitinka nurodytą DTD – Document Type Definition (doctype). Tai apima žymų pavadinimų, atributų ir žymų „įterpimo“ tikrinimą (vieno tipo žymos kito tipo žymose).
4. Tikrinama, ar nėra pašalinių elementų:
   Jis ras viską, kas yra kode, bet ne doctype.
   Pavyzdžiui, tinkintos žymos ir atributai.

Norėdami patikrinti CSS kodo galiojimą, yra css patvirtinimo priemonė - http://jigsaw.w3.org/css-validator.
Kodo galiojimas- tai yra mechaninio patikrinimo, ar nėra formalaus OB, rezultatas pagal nurodytą taisyklių rinkinį.
Turite suprasti, kad patvirtinimas yra priemonė, o ne pati vertybė.
Patyrę maketuotojai dažniausiai žino, kur galima pažeisti HTML ar CSS patvirtinimo taisykles, o kur ne, ir kas gresia (ar negresia) ta ar kita patvirtinimo klaida.
Pavyzdžiai, kada ne galiojantis kodas sukuria svetainę:

• patogiau ir greičiau – pritaikyti atributai Javascript/AJAX arba
• SEO optimizuotas – ARIA žymėjimas.

Akivaizdu, kad galiojimo dėl galiojimo nėra prasmės.
Paprastai patyrę maketuotojai laikosi šių taisyklių:
- Kode neturėtų būti didelių klaidų.
– Mažesnius galima toleruoti, bet tik dėl pateisinamų priežasčių.
Dėl html/CSS patvirtinimo klaidų:

Patvirtinimo klaidas (VF) galima suskirstyti į grupes:

• OV šablonų failuose:
  Juos nesunku rasti ir pataisyti.
  Jei kuri nors iš mažų klaidų padeda padaryti svetainę funkcionalesnę ar greitesnę, jas galima palikti.
• OV svetainėje prijungtuose trečiųjų šalių scenarijuose:
  Pavyzdžiui, „Vkontakte“ valdiklis, „Twitter“ scenarijus arba „YouTube“ vaizdo įrašų failai.
  Neįmanoma jų ištaisyti, nes šie failai ir scenarijai yra kitose svetainėse, o mes neturime jų prieigos.
• CSS taisyklės, kurių tikrintojas nesupranta:
  Tikrinimo priemonė patikrina, ar svetainės kodas atitinka tam tikrą HTML versijos arba CSS.
  Jei šablone naudojote 3 versijos CSS taisykles, o tikrinimo priemonė tikrina, ar ji atitinka 2.1 versiją, visas CSS3 taisykles laikys klaidomis, nors jos nėra.
• OV, kurie netyčia turi būti palikti svetainėje, kad būtų pasiektas norimas rezultatas. Pavyzdžiui:
  • noindex žymos. Jie negalioja, bet labai reikalingi ir mes turime su tuo taikstytis.
  • chaki. Norint gauti teisingą svetainės atvaizdavimą kai kuriose naršyklėse, kartais tenka naudoti įsilaužimus – kodą, kurį supranta tik tam tikra naršyklė.
• Tikrinimo klaidos.
  Dažnai jis nemato jokių žymų (pavyzdžiui, uždarymo) ir praneša apie OB ten, kur jo nėra.

Pasirodo, kad darbo vietoje beveik visada bus koks nors OV.
Be to, jų gali būti daug.
Pavyzdžiui, pagrindiniuose „Google“, „Yandex“ ir „mail.ru“ puslapiuose yra kelios dešimtys klaidų.
Tačiau jie nepažeidžia svetainių rodymo naršyklėse ir netrukdo jų darbui.
Viskas, kas parašyta aukščiau, tinka mano temoms.

Sudėtingos temos apima:

• „WordPress“ funkcijos (pvz. the_category()), kurie pateikia neteisingą kodą.
• Vaizdo įrašų išvestis iš vaizdo įrašų talpinimo svetainių, pavyzdžiui, iš „YouTube“, o „YouTube“ kode yra daug OB, kurių nei jūs, nei aš negalime paveikti.
• Mygtukai socialiniai tinklai, kurie yra prijungti naudojant šių tinklų scenarijus ir kuriuose yra OB.
• CSS3 ir HTML5 taisyklės senesnės versijos tikrintojų laikomos klaidomis.
  Tuo pačiu metu CSS3 ir HTML5 versijų tikrintojai senas taisykles laiko klaidomis :).
• Kartais, norint pasiekti teisingą ekraną interneto naršyklė„Explorer“ ar senesnėse kitų naršyklių versijose turi būti naudojami vadinamieji įsilaužimai – kodas, kurį supranta tik konkreti naršyklė, kad galėtų parašyti svetainės rodymo taisykles tai konkrečiai naršyklei.

Dėl to visiškai galiojantį kodą galite gauti tik dėliodami labai paprastas temas, t.y. tie, kuriuose yra minimalus funkcionalumas.
Baigęs bet kurios temos maketavimą, visada patikrinu jį su validatoriumi ir sutvarkau visus OB, kuriuos galima taisyti neprarandant temos funkcionalumo.
Tai yra, jei yra pasirinkimas tarp veikiančio funkcionalumo ir galiojimo, aš renkuosi funkcionalumą.
Jei kuriate savo temas, patariu daryti tą patį.
Mano požiūriu (ir daugumos maketuotojų požiūriu), požiūris į html/CSS patvirtinimą kaip galutinę tiesą yra klaidingas. Privaloma taisyti tik tuos OB, kurie:
- neleisti naršyklei teisingai rodyti puslapio (neuždarytos ir neteisingai įdėtos žymos).
- sulėtinti puslapio įkėlimą (neteisingai prijungti scenarijai).
- galima pataisyti nepažeidžiant temos funkcionalumo.
Tikiuosi, kad atsakiau į visus jūsų klausimus apie patvirtinimą.