Kaip atrodo gražus HTML kodas

Iš pradžių tai rašiau daugiau nei prieš dvejus metus. Tai buvo šiek tiek ilgas dantis, ypač dabar, kai atsirado HTML5 ir padarė HTML daug gražesnį nei net XHTML 1.1. Taigi aš jį atnaujinau!

Aš negaliu padėti, bet Peržiūrėti šaltinį kiekvienoje gražiai atrodančioje svetainėje, kurią matau. Panašu, kad jei turėtumėte rentgeno akinius, kurie leistų savo nuožiūra pamatyti bet kurį žmogų, kurį kada nors matėte su apatiniais. Kaip tu negalėjai? Tiesiog taip viliojanti sužinoti, ar graži svetainė taip pat sukurta su gražiu kodu, ar jos grožis, jei tik iki odos. Kodas? Graži? Aišku. Po visko, Kodas yra poezija. Tai tik HTML, todėl jis negali būti toks įmantrus ir elegantiškas kaip dinamiška kalba, tačiau vis tiek jis turi savo kūrėjo teptuko potėpį.

Tai priverčia mane susimąstyti, kas daro gražų kodą? HTML kalbama apie meistriškumą. Pažvelkime į kai kuriuos žymėjimus, parašytus taip, kaip jie turėtų būti parašyti, ir pažiūrėkime, kaip gražu tai gali būti.

Jis pakankamai didelis, kad atspausdintų ir užklijuotų lipdukus savo spintelėje, kad sužavėtų draugus. Na, tai gali būti šiek tiek nepatogaus dydžio. Padarysiu PSD prieinamą, jei norite ją pakeisti.

• HTML5 – HTML5 ir tai nauji elementai sukuria gražiausią HTML.
• DOCTYPE – HTML5 yra geriausias visų laikų DOCTYPE
• Įtrauka – Kodas yra įtrauktas, kad parodytų tėvų / vaikų santykius ir pabrėžtų hierarchiją.
• Charset – Paskelbta kaip pirmas dalykas galvoje, prieš bet kokį turinį.
• Pavadinimas – Svetainės pavadinimas paprastas ir švarus. Pirmiausia puslapio paskirtis, naudojamas skiriamasis elementas ir baigiasi svetainės pavadinimu.
• CSS – Naudojamas tik vienas stilių lapas (laikmenų tipai deklaruojami stilių lentelėje) ir pateikiami tik geroms naršyklėms. IE 6 ir žemesnėms versijoms pateikiamas universalus stiliaus lapas.
• kūnas – ID pritaikytas kūnui, kad būtų galima sukurti unikalų puslapio stilių be jokio papildomo žymėjimo.
• „JavaScript“ – „Google“ teikia „jQuery“ (gražiausia „JavaScript“ biblioteka). Įkeliamas tik vienas „JavaScript“ failas. Abu scenarijai yra nurodyti puslapio apačioje.
• Failų keliai – Svetainės ištekliai efektyvumui naudoti naudoja santykinius failų kelius. Turinio failo keliai yra absoliutūs, darant prielaidą, kad turinys yra sindikuotas.
• Vaizdo atributai – Vaizduose yra pakaitinis tekstas, dažniausiai skirtas regėjimo negalią turintiems žmonėms, bet taip pat ir patvirtinti. Aukštis ir plotis pritaikyti perteikimo efektyvumui.
• Pirmiausia pagrindinis turinys – Pagrindinis puslapio turinys pateikiamas po pagrindinės tapatybės ir naršymo, bet prieš bet kokį papildomą turinį, pvz., Šoninės juostos medžiagą.
• Tinkami aprašomieji bloko lygio elementai – Antraštė, „Nav“, skyrius, straipsnis, išskyrus… visi tinkamai apibūdina juose esantį turinį geriau nei senieji.
• Hierarchija – Pavadinimų žymos yra skirtos tikram turiniui ir laikosi aiškios hierarchijos.
• Tinkamos aprašomosios žymos – Sąrašai pažymimi kaip sąrašai, atsižvelgiant į sąrašo poreikius: nesutvarkyti, užsakyti ir nepakankamai apibrėžtų sąrašų.
• Įtraukiamas bendras turinys – Daugelyje puslapių bendri dalykai įterpiami per serverio pusę (naudojant bet kokį jums tinkantį metodą, kalbą ar TVS)
• Semantinės klasės – be tinkamų elementų pavadinimų, klasės ir ID yra semantiniai: jie apibūdina nenurodydami. (pvz., „col“ yra daug geriau nei „kairė“)
• Klasės – naudojamos bet kuriuo metu, panašų stilių reikia pritaikyti keliems elementams.
• ID – naudojami bet kuriuo metu, kai elementas puslapyje rodomas tik vieną kartą ir negali būti pagrįstai nukreiptas kitu būdu.
• Dinaminiai elementai – dalykai, kurie turi būti dinamiški, yra dinamiški.
• Simboliai užkoduoti – Jei tai yra ypatingas personažas, jis yra užkoduotas.
• Be stiliaus – Niekas puslapyje netaiko stiliaus ir net nereiškia, koks gali būti stilius. Viskas puslapyje yra arba būtinas svetainės išteklius, arba turinį apibūdinantis turinys.
• Komentarai – Pateikiami komentarai dalykams, kurie gali būti ne iš karto akivaizdūs peržiūrint kodą.
• Galioja – Kodas turėtų atitikti W3C gaires. Žymos uždarytos, naudojami reikalingi atributai, niekas nebenaudojamas ir pan.