Ar darote šias HTML kodavimo klaidas dienoraščiuose?

Jei esate tinklalapio kūrėjas, visada naudojatės HTML kodavimas bet kartais susiduriate su paprastomis kodavimo klaidomis. Tiek patyrę programuotojai, tiek besimokantys daro klaidų HTML koduodami dėl dėmesingumo arba patirties stokos.

Švarus kodas yra tikrai svarbus, nes jis ne tik padaro jus patyrusiu žiniatinklio kūrėju, bet ir sutaupo jūsų laiko, nes vėliau nebereikės redaguoti kodų.

Jei jūsų tinklalapyje yra švarus kodas, o tai reiškia, kad jūsų HTML kodas turi World Wide Web Consortium nurodytą konfigūraciją, išlaikant standartą, kurio turi laikytis internetinės svetainės, tai savo ruožtu padės padidinti jūsų svetainės reitingą „Google“.

Visada naudinga, jei esate atsargūs nuo pat pradžių, taip pat peržiūrėkite savo darbą prieš paskelbdami.

Čia yra dažniausiai pasitaikančių HTML kodavimo klaidų sąrašas kuriuos dažnai darome ir susiduriame.

1) Trūksta arba netinkamas DOCTYPE

DOCTYPE arba dokumento tipo apibrėžimas (DTD) leidžia jūsų žiniatinklio naršyklei nustatyti, kurią HTML versiją naudoja jūsų tinklalapis. HTML kodas visada turi prasidėti DOCTYPE, nes jame nurodytos konkrečios HTML versijos taisyklės.

Įvesdami DOCTYPE turėtumėte būti atsargūs, nes jame skiriamos didžiosios ir mažosios raidės, o skirtingas DOCTYPE nurodo skirtingas HTML versijas. Peržiūrėkite šį vaizdo įrašą: Kaip įsitikinti, kad mano HTML kode nėra klaidų?

 

2) Neteisingai suformatuotas HTML

Dažniausia klaida rašant HTML kodą yra neteisingas jo formatavimas, pvz., trūksta uždarymo žymos, atributų verčių kabučių praleidimas ir netinkamas žymų įdėjimas.

Paprastai didžioji dalis HTML žymės turėti ir atidarymo, ir uždarymo žymą pvz. , taip pat . Jei žyma supa bet kokį turinį, ji turėtų būti uždaryta, nors yra keletas išimčių, pvz., žymą, bet visada patartina uždaryti tą žymą, nes ją redaguosite HTML dokumentą lengviau.

Visada geriau dėti kabutes aplink reikšmes, nors tai nėra privaloma senesnėje HTML versijoje, naujausioms versijoms to reikia. Tinkamas žymos uždarymas taip pat yra labai svarbi dalis HTML kodavimas ir jis turėtų būti baigtas priešinga kryptimi, nei buvo atidarytas.

3) Nepalaikomi atributai arba žymos

Kartais žmonės linkę naudoti tokius kodus kaip arba kurie nėra dalis HTML standartai. Vėlgi, daugelis naudoja netinkamus atributus, pvz., žymą, kuri keičia paraštės dydį , pvz. Skirtingos HTML versijos palaiko skirtingus atributų ir žymų tipus.

Jei norite būti tikri, kurie atributai yra suderinami su jūsų naudojama versija, turėtumėte patvirtinti savo HTML naudodami HTML Validator.

4) Peržiūros simbolių kodavimas

Kiekvienas simbolių rinkinys turi tam tikrą kodą ir interneto naršyklei nurodo, kuris simbolių rinkinys yra naudojamas tinklalapyje. Taigi tinklalapis, sudarytas iš anglų kalbos simbolių, turės skirtingą simbolių rinkinį nei kinų ar prancūzų simbolių rinkinys.

Dėl to simbolių kodavimas interneto naršyklei pasiūlys, kokio tipo informaciją reikia skaityti ir rodyti. Daugumos tinklalapių anglų kalba atveju simbolių kodavimas windows-1252 ir ISO-8859-1 reiškia anglišką simbolį.

5) Naudojant kelių eilučių pertrauką

Netinka naudoti eilutės laužymo žymą įterpti tarpą tarp eilučių, nes tai turėtų būti griežtai naudojama norint pridėti tik vienos eilutės lūžį, o ne sukurti pastraipas ir tarpus tarp elementų. Teisingas eilutės pertraukos naudojimo būdas yra: Tai viena eilutė Tai kitokia linija Vietoj to: Tai viena eilutė Tai kitokia linija.

6) Netinkamų lentelių naudojimas

Lentelės dažnai lemia neteisingą HTML kodavimą ir kadangi dauguma naršyklių nerodo klaidos pranešimo, jei lentelės užkoduotos netinkamai, tai padaryti yra gana paprasta. Tačiau pagalbinės technologijos yra labai griežtos teisingos lentelės struktūros atžvilgiu. Toliau pateikiamos dažniausiai daromos lentelės klaidos, kurias dažnai darome:

• Nebaikite , arba žymas arba neteisingai jas baigiant
• Eilučių arba lentelės langelių įtraukimas su žymomis, naudojamomis teksto formatavimui.
• Kiekvienoje eilutėje sudaromos lentelės su skirtingu langelių skaičiumi.
• Lentelių kūrimas įterptiniuose elementuose, pvz., - arba

7) Netinkamai suformatuoti URL

Kartais nutinka taip, kad galite matyti susietus žodžius ir (arba) vaizdus, ​​bet kiti ne. Turite įsitikinti, kad URL nėra DOS tipo kelio pavadinimas, pvz., C:\image, kitu atveju, kas seka nuorodą, gaus klaidą „Dokumentas nerastas“ 404. Vėlgi, visada reikia naudoti pasvirąjį brūkšnį (/), o ne pasvirąjį brūkšnį (\), net kai kuri nors serverio programinė įranga pripažįsta abu, geriau išlaikyti standartą. Jei yra nuorodų, plėtinys gali būti problema. Bandant failą, pavadintą mywebpage.htm, gali puikiai veikti, bet serveriui reikia- mywebpage.html.

8) Su vaizdu

Svarbu, kad bet koks JavaScript, kuris išveda duomenis arba atlieka funkciją, turėtų a žymą, kuri pateikia alternatyvą arba aprašą, ką veikia JavaScript.

9) Naudojimas paryškinimui ir

Semantiškai jį naudoti neteisinga atitinkamai kursyvu ir pusjuodžiu šriftu. Šiuo tikslu tikslinga naudoti CSS ypatybes šrifto stiliui ir šrifto svoriui, o jei reikia naudoti stilius pačiame dokumente, tada geriau naudoti ir tekstus paversti kursyvu ir pusjuodžiu.

10) Trūksta alt atributų vaizdo žymų atveju

Būtina, kad vaizdo žymos turėtų alt atributus, nes tai paaiškina vaizdo kontekstą. Jei naudosite alt atributą, žiniatinklio tikrinimo programos geriau klasifikuos turinį ir taip pat padės vartotojams nuspręsti, ar vaizdas svarbus, ar ne.

Šis sąrašas tikriausiai gali tęstis amžinai, tačiau visų šių punktų pakanka, kad suprastumėte, kuo turėtumėte būti atsargūs naudodami HTML kodus.

Taip pat turėtumėte patvirtinti savo puslapį, kad būtumėte susipažinę su daromomis HTML kodavimo klaidomis, kad galėtumėte lengvai išvengti jų, kad kodavimas būtų švarus.

Kokias klaidas padarėte kurdamas tinklaraštį