HTML lengva išmokti, o naršyklės paprastai atleidžia klaidas. Tačiau vis tiek turėtumėte pabandyti pašalinti klaidas ir pateikti efektyvius tinklalapius.
Kiekvienos svetainės pagrindas yra HTML – tai pagrindinė kalba, skirta struktūrizuoti ir pateikti turinį tinklalapiuose.
Tačiau net ir patyrę HTML koduotojai gali padaryti paprastas klaidas, dėl kurių svetainės blogai optimizuotos. Tokios klaidos gali sukelti našumo, naudojimo ir prieinamumo problemų.
Kad padėtumėte jų išvengti, pabandykite išstudijuoti toliau pateiktas įprastas HTML klaidas ir raskite patarimų, kaip jų išvengti.
1. Nenaudojamų HTML elementų naudojimas
Laikui bėgant HTML pasikeitė, todėl kai kurie elementai ir atributai dabar yra nereikalingi. Šiuolaikinės naršyklės nepalaiko pasenusių elementų ir atributų, o jų naudojimas gali neigiamai paveikti jūsų svetainės greitį.
The žyma tekstui centruoti, žyma tekstui formatuoti ir perbraukto teksto žyma yra vieni iš dažniausiai naudojamų nebenaudojamų HTML elementų. Turėtumėte naudoti šiuolaikinius šių komponentų atitikmenis.
Pavyzdžiui, galite turiniui centruoti naudokite CSS, o ne žyma. Be to, šrifto stilius galite nustatyti naudodami CSS, o ne žyma.
2. Neįskaitant alternatyvaus teksto vaizdams
Nors vaizdai yra svarbi internetinio dizaino dalis, regos negalią turintys žiūrovai jų nemato. Taigi turėtumėte pridėti aprašomasis alternatyvus tekstas į nuotraukas, kad jos būtų lengviau pasiekiamos.
Alternatyvus tekstas leidžia teksto į kalbą varikliams perskaityti vaizdo aprašą vartotojams. Tačiau tai ne tik ekrano skaitytuvai; alt tekstas gali būti naudingas optimizuojant paieškos variklius. Daugelis naršyklių taip pat rodys alternatyvųjį tekstą, jei nepavyksta įkelti vaizdo.
3. Netinkamas HTML elementų įdėjimas
Kad būtų užtikrintas priimtinas kodas ir tinkamas svetainės veikimas, HTML elementai turi būti tinkamai sudėti. Netinkamas įdėjimas gali turėti nenumatytų padarinių, įskaitant sugadintus išdėstymus, trūkstamą turinį ir neveikiančias nuorodas.
Pavyzdžiui, prieš atidarydami naują, turėtumėte uždaryti kiekvieną div žymą. Taip pat niekada neturėtumėte žyma už sutvarkyto ar nesutvarkyto sąrašo.
Žyma „div“ yra lankstus HTML elementas, naudojamas turiniui grupuoti ir formuoti. Tačiau per didelis šios žymos naudojimas gali sukelti blogai sutvarkytą svetainę ir apsunkinti kodo priežiūrą.
Turėtumėte naudoti semantinius HTML elementus, kurie suteikia turiniui prasmę, o ne div žymes. Galite naudoti žyma antraštei, o ne div žymai. Taip pat turėtumėte naudoti naršymo juostos žyma vietoje žyma.
5. Nenaudojamas semantinis HTML
Nenaudojant semantinių elementų kaip
Jūsų svetainė taip pat gali būti žemesnė paieškos variklio rezultatų puslapiai (SERP) jei paieškos sistemoms kyla problemų indeksuojant turinį.
6. Įterptųjų stilių naudojimas vietoj CSS
Įterptuosius CSS stilius galite taikyti tiesiogiai HTML elementui naudodami stiliaus atributą. Nors šie stiliai yra naudingi norint atlikti greitus pakeitimus, per daug juos naudojant gali būti sunkiau prižiūrėti kodą ir pakenkti svetainės efektyvumui.
Todėl turėtumėte naudoti išorinius CSS failus, kurie taiko stilius svetainei visame pasaulyje, o ne įterptuosius stilius. Jie pagerina svetainės našumą sumažindami į naršyklę siunčiamą kodą ir supaprastina svetainės priežiūrą.
7. Nenaudojamas reaguojantis dizainas
Interaktyvus dizainas yra žiniatinklio dizaino strategija, leidžianti svetainėms prisitaikyti prie įvairių ekrano dydžių ir įrenginių. Šis požiūris yra būtinas pagerinti svetainės prieinamumą ir naudotojo patirtį, atsižvelgiant į vis didėjantį mobiliųjų įrenginių naudojimą.
Turėtumėte naudoti CSS medijos užklausas, kad pritaikytumėte įvairius stilius pagal įrenginio ekrano dydį. Tai pagerina vartotojo patirtį, nes svetainė tampa prieinama įvairiuose įrenginiuose.
8. Nepavyko patvirtinti HTML
Interneto kūrimas turi prasidėti nuo HTML patvirtinimo, kad būtų užtikrinta, jog kodas yra be klaidų ir atitinka žiniatinklio standartus. Dėl netinkamo HTML gali atsirasti neveikiančių išdėstymų, trūkti turinio, neveikiančių nuorodų ir daug kitų problemų.
Norėdami rasti ir ištaisyti klaidas kode, turėtumėte naudoti HTML tikrintuvus. Be teisingumo, patvirtinimas taip pat pagerina našumą, prieinamumą ir paieškos variklio optimizavimą.
Šiuolaikinio HTML ir CSS naudojimas
Atsiradus naujoms funkcijoms, HTML5 ir CSS3 suteikia kūrėjams daugiau nei bet kada anksčiau išteklių patrauklioms svetainėms kurti. Be to, interneto prieinamumo standartų kūrimas pagerins neįgaliųjų naudotojų patirtį.
Todėl svarbu neatsilikti nuo naujausių HTML standartų ir geriausios praktikos, jei norite sukurti geresnes, išradingesnes svetaines, kurios patenkintų esamus ir būsimus vartotojų poreikius. Tai leidžia atpažinti ir išvengti įprastų spąstų, kurie neigiamai paveiktų jūsų darbą.