Ordinare il codice sfruttando i commenti HTML

Se stai leggendo questo articolo è perchè forse ti stai rendendo conto che più codice html scrivi e più disordine sembra crearsi in maniera direttamente proporzionale, infatti capita spesso che per trovare un blocco particolare in mezzo a tutto questo codice si perdano diversi minuti.

Come trovare velocemente un particolare blocco di codice HTML?
La risposta è semplice, sfrutta i commenti HTML!

Cosa sono i commenti HTML?
I commenti html sono piccole righe di codice che puoi scrivere in punti “strategici” del tuo sito o della tua pagina per recuperare velocemente blocchi di codice ogni qualvolta dovrai modificarli o revisionarli.

Come creare un commento HTML?
Il costrutto è molto semplice, vediamo come si struttura:
<!--Qua inserisco il testo inerente al punto in cui mi trovo-->

Un esempio applicato dei commenti
<!--questo è il MENU-->
<ul>
<li>pasta</li>
<li>insalata</li>
<li>pomodori</li>
<li>carote</li>
<li>grissini</li>
</ul>

<!--Qua inizia il CONTENUTO-->
<p>Iniziamo a scrivere quello che più ci piace</p>

UNA COSA MOLTO IMPORTANTE
Quando visualizzeremo la nostra pagina usando il browser i commenti non saranno visibili, questo perchè i commenti html non sono elementi di codice di costruzione ma servono solamente per aiutare noi sviluppatori a lavorare in maniera ordinata e ad ottimizzare il tempo.
I commenti html saranno quindi visibili solamente quando apriamo il file.html con l'editor di codice.