Scrivere un codice in un formato pulito e chiaro è l'obiettivo di buoni sviluppatori. Il codice HTML è generalmente lungo e quindi si consiglia di creare una struttura pulita di documenti HTML. La leggibilità e la riusabilità del codice HTML dipendono dal modello di scrittura del codice. Questo post descrittivo illustra buone pratiche per la scrittura della sintassi HTML.
Sintassi HTML buone pratiche
Questa sezione elenca diverse pratiche che devono essere seguite per un buon documento HTML.
Tipo di documento (Doctype)
Il tipo di documento deve essere lì nella parte superiore del codice per conoscere il tipo di contenuto. In HTML5, il seguente testo deve essere scritto nella parte superiore del documento (o otterresti la struttura per impostazione predefinita nei redattori moderni):
Struttura del documento
La struttura del documento di HTML deve essere seguita per rendere correttamente le pagine. In caso contrario, potresti dover incontrare vari problemi di rendering. Di seguito è mostrato un campione della struttura del documento di un HTML5:
Strutturazione semantica
Gli elementi semantici forniscono un significato adeguato del loro utilizzo come , ,
, eccetera. Ogni volta che si scrive un codice HTML, è necessario utilizzare elementi semantici in quanto forniscono uno scopo per il loro utilizzo.
Titolo
Un titolo riassume il contenuto della tua pagina in poche parole, quindi si consiglia di utilizzare il titolo appropriato che definisce il contenuto.
Meta tags
I meta tag vengono praticati per comunicare con il browser o definire la reattività della pagina web. La reattività viene eseguita utilizzando l'attributo di visualizzazione come mostrato di seguito. Scopriresti anche che il chatset della pagina Web è impostato su UTF-8 (che indicherà al browser l'uso del chatset).
Ottimizza il tuo codice
Un documento HTML può essere molto complesso, quindi si suggerisce che devi cercare opportunità di ottimizzazione limitando il numero di elementi su una pagina.
Rientro
Il rientro in HTML non produrrà errori, tuttavia, influirà sulla leggibilità del documento. Quindi, il rientro deve essere utilizzato correttamente seguendo i tag di apertura e chiusura in modo adeguato.
Commenti
Per una migliore usabilità del codice HTML, i commenti svolgono un ruolo vitale nel trasmettere lo scopo del pezzo di codice. I commenti HTML possono essere utilizzati nel modo seguente:
Tag minuscoli
HTML5 è un linguaggio insensibile al caso, ma sarebbe una buona convenzione usare lettere minuscole per gli elementi HTML.
Tag di chiusura
Diversi redattori di codice ti consentono di terminare il tag che viene avviato. Tuttavia, se il supporto non è fornito dall'editor, è necessario garantire il tag di chiusura per evitare qualsiasi errore di esecuzione.
Nomi di file
Se un URL come ("https: // www.Linuxhint.com/") non contiene alcun nome file alla fine, quindi si accede al nome file predefinito (specificato dal server). È necessario cercare il nome file predefinito specificato dal server (di solito è indice.html) e configurare il server di conseguenza.
Stili
Gli stili in linea possono essere aggiunti all'interno di un elemento HTML in cui il CSS esterno contiene formati di styling in un file esterno. Nel caso dello stile di massa, gli stili in linea o interni possono creare un disastro che si traduce in una scarsa visibilità del codice. Dalla discussione, è chiaro che il CSS esterno sarebbe utile in ogni aspetto.
Posizionamento di un file CSS
Un file CSS può essere posizionato ovunque nel codice, ma si consiglia di aggiungere il file CSS all'interno del tag. Il posizionamento del file CSS nel tag principale aiuterebbe a caricare la pagina più velocemente.
Convalida
La convalida del codice è abbastanza necessaria per evitare eventuali errori di esecuzione. Quindi, invece di aspettare il completamento del codice, è necessario continuare a convalidare il tempo in tempo.
Conclusione
Un documento HTML può essere creato seguendo diverse pratiche. Tuttavia, se la formattazione è ordinata e chiara sarebbe facile riutilizzare e leggere il codice. Questo articolo illustra le buone pratiche della sintassi HTML. Queste pratiche includono tag minuscole, titolo, stili, una struttura sistematica dei documenti, ottimizzazione del codice, rientro, commenti, meta tag. Hai più possibilità di scrivere il codice HTML, ma si consiglia di seguire le pratiche fornite qui per rendere il documento HTML leggibile e riutilizzabile.
