Una domanda che molti nuovi web designer hanno è se i tag HTML 5 fanno distinzione tra maiuscole e minuscole? La risposta breve è - "No". I tag HTML5 non fanno distinzione tra maiuscole e minuscole, ma ciò non significa che non dovresti essere severo nel modo in cui scrivi il tuo markup HTML!
Torna a XHTML
Prima che HTML5 entrasse nel settore, i professionisti del Web usavano un linguaggio di markup chiamato XHTML per costruire le loro pagine web.
Quando scrivi XHTML, devi scrivere tutti i tag standard in lettere minuscole perché XHTML fa distinzione tra maiuscole e minuscole. Ciò significa che il tag è un tag diverso da in XHTML. Dovevi essere molto specifico nel modo in cui hai codificato una pagina web XHTML e usi solo caratteri minuscoli. Questa stretta aderenza era in realtà un vantaggio per molti nuovi sviluppatori web. Invece di essere in grado di scrivere markup con un mix di lettere minuscole e maiuscole, sapevano che c'era un formato rigoroso che doveva essere seguito. Per chi si è tagliato i denti nel web design quando XHTML era popolare, l'idea che il markup potesse essere un mix di lettere maiuscole e minuscole sembra aliena e semplicemente sbagliata.
HTML5 si allenta
Le versioni di HTML precedenti a XHTML non erano sensibili al maiuscolo / minuscolo. HTML5 ha seguito questa tradizione e si è allontanato dai rigidi requisiti di formattazione di XHTML.
Quindi HTML 5, a differenza di XHTML, non è sensibile al maiuscolo / minuscolo. Ciò significa che
e
e
sono tutti gli stessi tag in HTML 5. Se questo ti sembra caos, sento il tuo dolore.
L'idea alla base del fatto che HTML5 non riguardasse la distinzione tra maiuscole e minuscole consisteva nel facilitare ai nuovi professionisti del web l'apprendimento della lingua, ma come qualcuno che insegna il web design a nuovi studenti, posso assolutamente affermare che non è affatto così.
Essere in grado di dare agli studenti una novità nel web design, un insieme di regole definitive, come "scrivi sempre il tuo HTML in minuscolo", li aiuta nel tentativo di imparare tutto ciò di cui hanno bisogno per imparare a diventare un web designer. Dare loro regole troppo flessibili in realtà confonde molti studenti invece di renderli più facili per loro.
Adoro il fatto che gli autori delle specifiche HTML5 stiano cercando di rendere più facile l'apprendimento rendendolo più flessibile, ma in questo caso, penso che abbiano fatto un passo falso.
La convenzione in HTML 5 è l'uso di lettere minuscole
Sebbene sia valido scrivere tag utilizzando qualsiasi caso che preferisci durante la scrittura di HTML 5, la convenzione è di utilizzare tutto in minuscolo per tag e attributi. Ciò è in parte dovuto al fatto che molti sviluppatori web più esperti che hanno vissuto i giorni del rigoroso XHTML hanno trasferito queste best practice a HTML5 (e oltre). A quei professionisti del web non interessa che un mix di lettere maiuscole e minuscole sia valido in HTML5 oggi, rimarranno fedeli a ciò che sanno, ovvero lettere minuscole.
Gran parte della conoscenza del web design sta imparando dagli altri, specialmente da quelli che hanno maggiore esperienza nel settore. Ciò significa che i nuovi sviluppatori Web esamineranno il codice dei professionisti esperti e vedranno tutti i markup in lettere minuscole. Se emulano questo codice, significa che anche loro scriveranno HTML5 in minuscolo. Questo è ciò che sembra accadere oggi.
Best practice per il lettere maiuscole
Nella mia esperienza personale, trovo il modo migliore di usare sempre lettere minuscole per il codice HTML e per i nomi dei file. Poiché alcuni server fanno distinzione tra maiuscole e minuscole quando si tratta di nomi di file (ad esempio, "logo.jpg" verrà visualizzato diversamente da "logo.JPG"), se si dispone di un flusso di lavoro in cui si utilizzano sempre lettere minuscole, non è mai necessario interrogare dove il rivestimento potrebbe essere il problema se si verificano problemi come le immagini mancanti. Se si utilizzano sempre lettere minuscole, è possibile considerarlo un problema poiché si esegue il debug dei problemi del sito. Questo è il flusso di lavoro che insegno ai miei studenti e che utilizzo nel mio lavoro di web design.
Articolo originale di Jennifer Krynin. A cura di Jeremy Girard.