Bones pràctiques per escriure elements HTML 5
Una pregunta que molts dissenyadors web nous tenen és si les etiquetes HTML 5 distingeixen entre majúscules i minúscules? La resposta breu és: "No". Les etiquetes HTML5 no distingeixen entre majúscules i minúscules, però això no vol dir que no sigui estricte en com escriviu el vostre marcat HTML.
Tornar a XHTML
Abans d' entrar a la indústria HTML5 , els professionals de la web usarien un sabor de llenguatge de marques anomenat XHTML per construir les seves pàgines web.
Quan escriviu XHTML, heu d'escriure totes les etiquetes estàndard en minúscules perquè l'XHTML distingeix entre majúscules i minúscules. Això vol dir que l'etiqueta és una etiqueta diferent que a XHTML. Va haver de ser molt específic en la forma de codificar una pàgina web de XHTML i només utilitzar caràcters en minúscules. Aquesta estricta adhesió en realitat era un benefici per a molts desenvolupadors web nous. En lloc de poder escriure el marcat amb una combinació de minúscules i majúscules, sabien que hi havia un format estricte que cal seguir. Per a qualsevol persona que va tallar les dents en el disseny web quan XHTML era popular, la idea que el marcat podria ser una barreja de lletres majúscules i minúscules sembla estrany i senzillament erroni.
HTML5 és solt
Les versions de HTML anteriors a XHTML no distingien entre majúscules i minúscules. HTML5 va seguir aquesta tradició i es va allunyar dels estrictes requisits de format de XHTML.
Així que HTML 5, a diferència d'XHTML, no distingeix entre majúscules i minúscules. Això significa que i i són la mateixa etiqueta que l'HTML 5. Si això us sembla caos, sento el vostre dolor.
La idea que HTML5 no tenia entre majúscules i minúscules era facilitar que els nous professionals de la xarxa aprenguessin el llenguatge, però com algú que ensenya el disseny web a nous estudiants, puc afirmar absolutament que aquest no és el cas.
Ser capaç de donar als nous estudiants al disseny web un conjunt definitiu de normes, com "escriure sempre el vostre HTML en minúscules", els ajuda quan intenten aprendre tot el que necessiten per aprendre a ser un dissenyador web. Donar-los regles que són massa flexibles en realitat confon a molts aprenents en comptes de facilitar-los.
M'encanta el fet que els autors de l'especificació HTML5 intentaven ajudar a fer-ho més fàcil per aprendre fent-lo més flexible, però en aquest cas, crec que van fer un pas erroni.
El conveni en HTML 5 és utilitzar minúscules
Tot i que és vàlid escriure etiquetes utilitzant qualsevol cas que preferiu en escriure HTML 5, la convenció és utilitzar totes les minúscules per etiquetes i atributs. Això és en part perquè molts desenvolupadors web més experimentats que van viure els dies d'un XHTML estricte han superat les millors pràctiques a HTML5 (i més enllà). Els professionals de la web no els preocupen que una combinació de majúscules i minúscules sigui vàlida avui en HTML5, s'adhereixen al que saben, que són totes minúscules.
Tant el coneixement del disseny web és aprendre dels altres, especialment dels que tenen més experiència en la indústria. Això significa que els nous desenvolupadors web revisaran el codi dels professionals experimentats i veuran tots els marcs minúsculs. Si emulen aquest codi, això vol dir que també escriuran HTML5 en minúscules. Això és el que sembla estar passant avui.
Bones pràctiques per a la comunicació amb lletres
En la meva pròpia experiència, em sembla millor utilitzar sempre lletres minúscules per al codi HTML, així com per als noms dels fitxers. Com que certs servidors distingeixen entre majúscules i minúscules quan es tracta de noms de fitxer (per exemple, "logo.jpg" es veurà de manera diferent que "logo.JPG"), si teniu un flux de treball on sempre utilitzeu lletres en minúscules, mai no heu de qüestionar on la càrrega podria ser el problema si teniu problemes com ara imatges que falten . Si sempre utilitzeu lletres en minúscules, podeu descomptar-ho com un problema a mesura que depura els problemes del lloc. Aquest és el flux de treball que ensenyo als meus alumnes i que faig servir en el meu propi treball de disseny web.
Article original de Jennifer Krynin. Editat per Jeremy Girard.