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
TAG <datalist>
Il tag <datalist> può essere usato per dare dei suggerimenti pertinenti durante la digitazione di un valore di ingresso in un modulo
TAG <mark>
Il tag <mark> serve per evidenziare il colore di un testo scuro con un colore chiaroTAG <template>
Il tag <template> serve per aggiungere nuovi elementi a una tabella in modo dinamicoTAG <small>
Il tag <small> serve per aggiungere una parte di testo con caratteri piccolissimiTAG <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 conseguenzaIMMAGINI RESPONSIVE
Nel browser Chrome sono già supporate le immagini responsive cioè immagini che si adattano alla risoluzione dei dispositivi con cui viene visualizzata la paginaCOLOR PICKER
Si tratta di un tag che ci permette di fare scegliere i colori al lettoreOPZIONI DI GRUPPO
Il tag <optgroup> serve permostrare in un menù a discesa una serie di opzioniTAG <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>
<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.
Info sulla Privacy