Se ci mettiamo ad analizzare il codice di molti siti web, vediamo che spesso vengono commessi i soliti errori. Questi sono dovuti alle abitudini di scrittura non chiara del codice. In questo articolo ho raccolto una serie di errori piu’ comuni e la giusta soluzione per usare i tag Html in maniera corretta, chiara e pulita.
IL TAG
Uso scorretto
Spesso e volentieri il tag
viene usato per creare spazi o riempire lacune nel contenuto della nostra pagina web. Negli editor WYSIWYG viene inserito per interruzioni di righe e per lasciare di paragrafi vuoti.
Uso corretto
Si dovrebbe utilizzare come interruzione di riga in una frase. Per creare spazi e riempire vuoti e’ meglio giocare con i margini definiti dal CSS.
IL TAG
Uso scorreto
Viene usato e alla fine definisce ogni elemento della pagina. Insomma una volta presa dimestichezza col tag
si rischia di farci prendere troppo la mano; ed ecco che abbiamo una pagina piena zeppa di .
Uso corretto
E’ consigliabile utilizzarlo per definire la struttura principale della pagina, ma cerchiamo di utilizzare i tag piu’ adatti agli elementi da includere in essa, come paragrafo e le liste.
IL TAG
Uso scorreto
Di questi tempi il tag
non viene usato molto frequentemente, ma se lo troviamo viene sempre usato come linea di presentazione tra due sezioni della stessa pagina.
Uso corretto
E’ bene utilizzarlo per definire la parte di layout che contiene dei capitoli o strofe di poesia, per tutti gli altri casi e’ preferibile usare la proprieta’ border dei CSS.
IL TAG
Uso scorretto
Viene spesso utilizzato erroneamente per creare un testo di piccole dimensioni.
Uso corretto
Il tag e’ riservato alla definizione di “smallprint” o per i testi giuridici. In alternativa, negli altri casi, utilizzare la proprieta’ font-size dei CSS.
IL TAG </h1><p><a href="http://www.iwebdesigner.it/wp-content/uploads/2011/12/errori-comuni-html-title.jpg"><img src="http://www.iwebdesigner.it/wp-content/uploads/2011/12/errori-comuni-html-title.jpg" title="errori-comuni-html-title" height="200" width="700" alt="errori-comuni-html-title" class="aligncenter size-full wp-image-4520"></a></p><h3>Uso scorretto</h3><p>Di solito viene usato per informazioni di nessuna rilevanza o e’ pieno di mille parole senza senso per il SEO.</p><h3>Uso corretto</h3><p>Si deve usare per dare una breve descrizione del contenuto della pagina web. E’ importante includere parole chiave sempre riferite al contenuto, ma non dovremmo abusarne.</p><h1>IL TAG <IMG></h1><p><a href="http://www.iwebdesigner.it/wp-content/uploads/2011/12/errori-comuni-html-img.jpg"><img src="http://www.iwebdesigner.it/wp-content/uploads/2011/12/errori-comuni-html-img.jpg" title="errori-comuni-html-img" height="200" width="700" alt="errori-comuni-html-img" class="aligncenter size-full wp-image-4521"></a></p><h3>Uso scorretto</h3><p>L’uso improprio del tag <img> e’ il realta’ l’abuso dell’attributo alt. Spesso questo attributo non contiene nessun testo o se lo contiene e’ del tutto irrilevante.</p><h3>Uso corretto</h3><p>Si dovrebbe inserire una descrizione appropiata dell’immagine. Se l’immagine non ha importanza meglio lasciarlo vuoto.</p><h1>IL TAG <LABEL></h1><p><a href="http://www.iwebdesigner.it/wp-content/uploads/2011/12/errori-comuni-html-label.jpg"><img src="http://www.iwebdesigner.it/wp-content/uploads/2011/12/errori-comuni-html-label.jpg" title="errori-comuni-html-label" height="200" width="700" alt="errori-comuni-html-label" class="aligncenter size-full wp-image-4522"></a></p><h3>Uso scorretto</h3><p>Spesso e volentieri e’ assente all’interno del codice.</p><h3>Uso corretto</h3><p>Usare il tag <label> per mettere in relazione un campo con la sua etichetta descrittiva, per migliorare l’usabilita’ degli utenti.</p><h1>IL TAG <ADDRESS></h1><p><a href="http://www.iwebdesigner.it/wp-content/uploads/2011/12/errori-comuni-html-address.jpg"><img src="http://www.iwebdesigner.it/wp-content/uploads/2011/12/errori-comuni-html-address.jpg" title="errori-comuni-html-address" height="200" width="700" alt="errori-comuni-html-address" class="aligncenter size-full wp-image-4523"></a></p><h3>Uso scorretto</h3><p>Spesso utilizzato per inserire i contatti.</p><h3>Uso corretto</h3><p>Il suo uso corretto e’ quello di definire l’autore o il proprietario del documento. Quindi e’ bene metterci sia il nome, l’indirizzo e la mail.</p><p>Eccoci alla fine, abbiamo analizzato in maniera veloce i tag Html abusati nella scrittura del codice; anche chi e’ un esperto nella stesura del codice, molto probabilmente, leggendo l’articolo, riconosce qualche sua mancanza o abuso nei confronti di questi semplici tag.</p><p>Cosa ne dite? Utile?</p><p>Alla prossima!</p>
Pacman
Nostradamus
Magical Cat Adventure
Snake