Errori comuni in Html

errori-comuni-in-html

errori-comuni-in-html

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 <BR>

errori-comuni-html-br

Uso scorretto

Spesso e volentieri il tag <br> 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 <DIV>

errori-comuni-html-div

Uso scorreto

Viene usato e alla fine definisce ogni elemento della pagina. Insomma una volta presa dimestichezza col tag <div> si rischia di farci prendere troppo la mano; ed ecco che abbiamo una pagina piena zeppa di <div>.

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 <HR>

errori-comuni-html-hr

Uso scorreto

Di questi tempi il tag <hr> 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 <SMALL>

errori-comuni-html-small

Uso scorretto

Viene spesso utilizzato erroneamente per creare un testo di piccole dimensioni.

Uso corretto

Il tag <small> 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 <TITLE>

errori-comuni-html-title

Uso scorretto

Di solito viene usato per informazioni di nessuna rilevanza o e’ pieno di mille parole senza senso per il SEO.

Uso corretto

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.

IL TAG <IMG>

errori-comuni-html-img

Uso scorretto

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.

Uso corretto

Si dovrebbe inserire una descrizione appropiata dell’immagine. Se l’immagine non ha importanza meglio lasciarlo vuoto.

IL TAG <LABEL>

errori-comuni-html-label

Uso scorretto

Spesso e volentieri e’ assente all’interno del codice.

Uso corretto

Usare il tag <label> per mettere in relazione un campo con la sua etichetta descrittiva, per migliorare l’usabilita’ degli utenti.

IL TAG <ADDRESS>

errori-comuni-html-address

Uso scorretto

Spesso utilizzato per inserire i contatti.

Uso corretto

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.

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.

Cosa ne dite? Utile?

Alla prossima!

Scritto da Magoo

Magoo

Web Developer & Mobile Developer, Game Lover insomma un Nerd.
Co-founder Iwebdesigner.it, Nerdzhouse SRL.
Prendo a schiaffi la tastiera fino a quando non succede qualcosa di buono.

COMMENTA

Loading Disqus Comments ...
Loading Facebook Comments ...

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *