Kóði

Af hverju hreinn Markup Matter í vefhönnun?

Vegna þess að vefurinn er breytandi og síbreytilegur lífvera er mikilvægt að byggja upp síður sem geta vaxið við það og auðvelt að ríða núverandi í stað þess að drukkna þegar ný bylgja nálgast.

Hreint markup og bygging með vefstöðlum hjálpar ekki aðeins við að gera þetta, heldur mun þú spara bæði tíma og peninga til lengri tíma litið.

Eins og vefurinn stækkar, þá tækni sem það notar vaxa með það. Þó að HTML hefur verið í kringum langan tíma, hefur það keypt nokkrar nokkrar hliðar á leiðinni.

Fyrst Javascript, þá CSS, XML og síðar AJAX. Breiður samþykkt HTML 5 er rétt handan við hornið, með Firefox, Safari, Óperu og Króm njóta nú þegar næstum fullan HTML 5 stuðning (hægur strákur í blokkinni, Internet Explorer, liggur að baki eins og venjulega).

Í þessari grein munum við endurskoða grunnatriði vefur staðla, hvað þeir eru, hvað þeir meina fyrir þig og nokkrar mikilvægar ábendingar til að hjálpa þér að takast á við þetta mikilvæga og oft vanrækt mál.

Hvað þýðir það að hafa "hreint" merkingu?

Einfaldlega sett, þýðir það laus við ringulreið, staðla-samhæft, og nota merkin og mannvirki hvers tungumáls fyrir fyrirhugaðan tilgang.

Hrútur-frjáls HTML gerir gífurlega notkun merkja, útrýma utanaðkomandi og lýkur verkefni sínu með eins litlu markupi og þörf er á . Það forðast óþarfa eiginleika, svo sem inline CSS, og skilur hvert skjal sem er skipulagt og skipulagt.

Sömuleiðis ætti óstöðugleiki CSS að forðast að endurtaka sig, nýta sér arfleifð (mundu, CSS stendur fyrir Cascading Style Sheet) og endurnýta flokka hvenær sem er.

Samræmi við staðla þýðir að síðurnar þínar fullgilda með þeim stöðlum sem settar eru fram af W3C fyrir HTML, CSS og XML. Það þýðir að nota ókeypis W3C löggjafarvaldið til að athuga villur, leiðrétta þær og prófa aftur þar til þú ert eins nálægt 100% gilt og mögulegt er .

Hvers vegna ætti ég að hugsa? Það virkar, er það ekki nóg?

Sérhver verkefni hefur árásargjarnan frest og allir viðskiptavinir vilja að vefsvæðið sé hleypt af stokkunum í gær. Svo sem vefur verktaki og hönnuðir erum við undir stöðugum þrýstingi til að vinna hraðar og skilvirkari.

Það er auðvelt að falla í gildru að hugsa hratt, það ætti að vera slæmt og það hreinn, staðhæfður merking tekur lengri tíma. Það er auðvelt að bara segja "það virkar og það er allt sem skiptir máli."

Jú, það virkar ... fyrir núna, fyrir þig. Hvað um næsta ár eða þrjú ár frá því? Hvað með nýjar vélar? Hvað um aðgengi?

Heldurðu virkilega að helstu leitarvélar muni fylgja sérstökum, slæmur erfðaskráaraðferðir? Þeir eru finicky, og ef þú ert ekki staðhæfur samhæft ertu að sparka leitarniðurstöðum þínum í andlitið .

Hvað um næstu lélega safa sem þarf að breyta þessum síðum sem þú hefur búið til? Hvað gerist ef þú kemst í strætó, hættir að fara í bakpokaferðir í Alaska, eða farðu út af geimverum? Einhver annar þarf að taka upp hvar þú fórst og hann mun líta á kóðann þinn og reyna að gera skilning á því. Mun það vera auðvelt, eða mun það gefa honum höfuðverk og láta hann bölva nafnið þitt?

Gerðu það rétt í fyrsta sinn. Þetta er ekki bara pirrandi, faðirlega lexía. Það mun í raun spara þér bæði tíma og peninga og gera þeim sem fylgja þér hafa auðveldari tíma hlutanna.

Þú gætir held að það sé hraðari að sleppa bara í CSS í stað þess að bæta nýjum flokki í stíllinn þinn réttilega. Og þú gætir held að það sé hraðari að kasta í hvaða HTML sem þú getur spýtt út án þess að hafa í huga heildarskjalið.

Þegar tíminn er kominn til að uppfæra þessi skjal síðar eða endurhanna alla síðuna, munt þú eyða miklu meiri tíma í að gera slæmt númer en þú hefur alltaf vistað með því að þjóta í gegnum það í fyrsta sæti. Þegar þú býrð til nýjan stílblað munu þessar leiðinlegu inline stíl sem þú bættir skyndilega koma aftur til að ásækja þig og þú munt eyða tíma á að henda þeim niður og draga þá út.

Extensibility, Accessibility, Þýðing og framtíðarsönnun

Farsímarækt er að vaxa eins og Godzilla á lotukerfum. Í stað þess að vera afvegaleiddur í þoturbúnaðinn Blackberry fíkniefni frá 5 árum síðan, er í dag allir að nota símann til að vafra um netið.

Aðstoðartækni - skjálesarar fyrir blinda og varamiðlara tengi fyrir fatlaða - er algengt, og þú vilt ekki missa sölu eða afla umferð nema þú hafir ekki tekið tillit til þess.

Vefsvæðið þitt er líklegt að það verði þýtt í hálf tugi tungumál þar sem lesendur frá öllum heimshornum finna efni. Þökk sé Internet Archive , Skyndiminni Google og aðrir, síður sem þú birtir í dag munu vera í kringum langan tíma, jafnvel eftir að þau hafa verið fjarlægð af vefsvæðinu þínu.

Hreint markup og staðla-samræmi mun fara langt til að tryggja að vefsvæði þitt starfi í hverju þessara atburða.

Það sem má og má ekki:

  • Notaðu merkin eins og þau eru ætluð. Til dæmis: h1 er fyrsta efsta þættinn á síðunni, þá h2, h3 og svo framvegis. Það ætti aðeins að vera eitt h1 tag á hverja síðu.
  • Láttu nafnið CSS flokkana þína og kennitölur nota þroskandi skilmála og spyrðu sjálfan þig hvort einhver annar muni vita hvað kennslustund / kennimerki er frá nafni sínu einum. Hvaða nafngiftarsamningur gerir meira vit: # box12 eða # comment-footer?
  • Gera góða notkun á CSS arfleifð. Til dæmis: Ef þú setur leturgerð á ílát þarft þú ekki að tilgreina það aftur á hverju barnalagi nema það barnsþáttur þurfi að nota annað letur. Þetta mun halda stílblöðunum þínum halla og fljótlegt að hlaða.
  • DO staðfesta HTML, CSS og XML og leiðrétta eins mörg mistök og mögulegt er. Gætið þess að viðvaranirnar myndast líka.
  • DO tvöfaldur athuga WYSIWYG mynda kóða og hreinsa upp eftir þörfum. Þeir eru alræmdir fyrir að spúa út fyrirferðarmikill, uppblásinn markup með fullt af óþarfa, ógildum rusli.
  • EKKI sprauta inline stíl eða óviðkomandi merki og eiginleika bara vegna þess að þú ert í þjóta.
  • Réttu ekki fyrir "það virkar." Bara vegna þess að blaðsíða gerist þýðir það ekki að merkingin undir hettunni sé staðhæfð, vandamállaus eða leitarvél vingjarnlegur.

Frekari lestur og úrræði


Skrifað eingöngu fyrir WDD eftir Jeff Couturier.

Fylgir þú vefur staðla á vefsíðum þínum? Hvers vegna eða hvers vegna ekki? Vinsamlegast deildu athugasemdum þínum með okkur.

hönnun vefur staðla hreinsa merkið upp