Sia che tu sia un principiante o un esperto in Hyper Text Markup Language (HTML) è importante seguire alcune migliori pratiche per mantenere i tuoi documenti HTML coerenti e organizzati. Con così tanti elementi, attributi, proprietà, valori e altro ancora, c’è molto da imparare.
Ecco 10 buone pratiche HTML da tenere a mente quando lavori al tuo prossimo progetto.
1. Usa la struttura corretta del documento
I documenti HTML funzionano ancora senza elementi come <html>, <head>, e <body>. Tuttavia, le pagine non saranno rese correttamente in ogni browser, quindi è importante essere coerenti usando la struttura del documento corretta.
Esempio:
2. Dichiara il doctype corretto
Quando crei un documento HTML, la prima cosa da dichiarare è il doctype. Questo dirà al browser gli standard che stai usando per rendere correttamente il tuo markup. Il doctype va prima del tag <html> all’inizio della pagina. Se non sei sicuro di quale dichiarazione usare, W3.org fornisce informazioni sulla scelta del giusto doctype.
3. Chiudi sempre i tag
Per evitare errori di validazione ricordati sempre di avere un tag di chiusura per ogni tag che crei.
4. Non usare stili in linea
Può sembrare una strada facile per mettere lo stile in linea con il codice invece di creare un foglio di stile esterno. Tuttavia, gli stili in linea non sono una buona pratica di codifica perché rendono più difficile l’aggiornamento e la manutenzione di un sito web. Invece, tieni i tuoi stili separati dal tuo codice HTML.
5. Usa l’attributo alt con le immagini
Non è richiesto di avere un attributo alt con le immagini, il che lo rende facile da ignorare. Tuttavia, è importante avere un attributo alt significativo per ragioni di validazione e accessibilità. L’attributo alt fornisce il contesto ai lettori di schermo, quindi dovrebbe essere descrittivo di ciò che l’immagine contiene.
6. Convalida frequentemente
Invece di aspettare fino a quando non hai finito il tuo documento HTML, convalida il tuo codice più volte mentre lavori. Questo aiuterà a risparmiare un po’ di tempo alla fine identificando gli errori all’inizio, specialmente se il tuo documento è lungo. Un popolare validatore HTML da usare è il servizio di validazione del markup del W3C.
7. Metti i fogli di stile esterni all’interno del tag <head>
Anche se i fogli di stile esterni possono essere messi ovunque nel documento HTML, è meglio metterli dentro il tag <head>. Questo permetterà alla tua pagina di caricarsi più velocemente.
8. Usa tag significativi
Ogni sezione della tua pagina web dovrebbe essere costruita usando il tag HTML5 più appropriato per il contenuto. È meglio evitare l’uso eccessivo di tag generici, come <div>, quando potrebbe esserci un tag più descrittivo per il lavoro come <sezione>, <articolo>, e così via.
9. Usa markup minuscolo
Il tuo markup HTML può essere scritto in minuscolo o maiuscolo e la pagina web sarà resa correttamente. Tuttavia, è una buona pratica mantenere i nomi dei tag in minuscolo perché è più facile da leggere e mantenere.
10. Riduci il numero di elementi in una pagina
I documenti HTML possono diventare complicati, specialmente per le pagine web con molto contenuto. Per ridurre le dimensioni delle tue pagine, controlla le opportunità di ottimizzare ulteriormente il tuo codice una volta che hai finito il markup.
Vuoi imparare di più sulle migliori pratiche HTML? Dai un’occhiata a questi altri articoli:
- Migliori pratiche HTML
- Standard di codice front-end &Migliori pratiche
- Scrivere il tuo miglior codice
Non vuoi fare da solo o hai bisogno di aiuto?
TBH Creative lavora sempre per rimanere aggiornato sulle migliori pratiche di sviluppo web.