Pubblicato il 25/05/15e aggiornato il

10 tag HTML che devi conoscere per migliorare il tuo blog.

10 tag HTML non particolarmente conosciuti che possono essere usati per migliorare l'aspetto del nostro sito.
Attualmente mi risulta che ci siano 142 tag HTML accettati dal W3C che è il consorzio mondiale che si occupa appunto di questo linguaggio. Alcuni tag sono ormai diventati obsoleti e quindi deprecati mentre altri non sono stati ancora accettati come standard e supportati da tutti i browser.

Se siete completamente all'oscuro di questo linguaggio vi invito a scaricare il mio ebook gratuito Guida all'HTML e al CSS per avere le basi propedeutiche necessarie a un blogger alle prime armi.

In questo post voglio elencare alcuni di questi tag non particolarmente conosciuti che possono però risultare utili per migliorare l'aspetto del nostro sito. I codici e i risultati di questi tag sono stati caricati su Codepen che quindi verrà utilizzato come Demo. Cliccando su HTML e su CSS si visualizzeranno i relativi codici mentre su Result si visualizzerà il risultato di tali codici. Cliccando invece su Edit on Codepen si aprirà la pagina di Codepen per eventualmente editare il codice.


TAG <map> 

Il tag <map> può essere usato per creare nelle immagini delle aree cliccabili attraverso i valori delle coordinate di tali punti. Per conoscere le coordinate di un punto in una immagine si può aprirla con un Editor grafico quale Photoshop o Gimp


See the Pen pJNyyJ by Ernesto Tirinnanzi (@parsifal32) on CodePen.


TAG <datalist>

Il tag <datalist>  può essere usato per dare dei suggerimenti pertinenti durante la digitazione di un valore di ingresso in un modulo

See the Pen eNBZZz by Ernesto Tirinnanzi (@parsifal32) on CodePen.


TAG <mark> 

Il tag <mark> serve per evidenziare il colore di un testo scuro con un colore chiaro

See the Pen MwbyeK by Ernesto Tirinnanzi (@parsifal32) on CodePen.


TAG <template>

Il tag <template> serve per aggiungere nuovi elementi a una tabella in modo dinamico

See the Pen eNBZzz by Ernesto Tirinnanzi (@parsifal32) on CodePen.


TAG <small>

Il tag <small>  serve per aggiungere una parte di testo con caratteri piccolissimi

See the Pen QbGNKL by Ernesto Tirinnanzi (@parsifal32) on CodePen.


TAG <base>

Il tag <base> è utuile quando si abbiano più collegamenti nello stesso dominio per aggiungere un URL di base per poi inserire anche  gli altri di conseguenza

See the Pen rVWeMW by Ernesto Tirinnanzi (@parsifal32) on CodePen.


IMMAGINI RESPONSIVE

Nel browser Chrome sono già supporate le immagini responsive cioè immagini che si adattano alla risoluzione dei dispositivi con cui viene visualizzata la pagina 

See the Pen VLmaKx by Ernesto Tirinnanzi (@parsifal32) on CodePen.


COLOR PICKER

Si tratta di un tag che ci permette di fare scegliere i colori al lettore 

See the Pen mJOPrz by Ernesto Tirinnanzi (@parsifal32) on CodePen.


OPZIONI DI GRUPPO

Il tag <optgroup> serve permostrare in un menù a discesa una serie di opzioni

See the Pen pJNyNj by Ernesto Tirinnanzi (@parsifal32) on CodePen.


TAG <noscript>

Il tag <noscript> serve per mostrare una scritta quando il javascript viene disabilitato dal browser.

<head>
<noscript><link rel="stylesheet" href="noscript_fallback.css"></noscript>
</head>
<body>
    <noscript><h2>Javascript è disabilitato nel tuo browser.</h2></noscript>
</body>

Fonte | Hongkiat




Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.