Introduzione al meta tag in HTML
Un meta tag in HTML viene utilizzato per definire i dati sulla tua pagina Web o documento HTML. Con l'aiuto di un meta tag, è possibile definire la descrizione del documento, le informazioni sull'autore quando è stato aggiornato l'ultima volta, che utilizza per fornire le proprietà dei dettagli del documento HTML. Il meta tag è definito all'interno del tag HTML, incluso in parte. È molto utile per i web designer per mostrare la parte di visualizzazione effettiva della pagina web. Il controllo dell'intero viewport verrà eseguito da loro utilizzando i meta tag in HTML 5. Il meta tag viene indicato dalla maggior parte dei browser per molte funzioni utili come l'aggiornamento delle pagine, la visualizzazione del contenuto delle pagine Web e dei servizi Web da loro utilizzati.
Sintassi
Meta tag utilizzato nella sezione head come segue:
Nella sintassi precedente indica che charset = "utf-8" fornisce il miglior supporto per la visualizzazione di qualsiasi tipo di linguaggio.
Ecco un'altra sintassi per il meta tag con un certo valore è:
Viene utilizzato per gestire le dimensioni della finestra con tutto il suo valore di dimensione della pagina e lo scorrimento della pagina per adattarsi perfettamente alla nostra pagina Web in qualsiasi tipo di dispositivo.
Elenco di meta tag in HTML
Esistono diversi tipi di meta tag utilizzati in HTML, vediamo uno per uno:
1. Questo è un meta tag di base utilizzato per definire qualsiasi tipo di linguaggio.
2. Viene utilizzato per definire la descrizione del contenuto fino a 150 parole.
3. Viene utilizzato per preservare tutti i diritti d'autore di una società definita.
4. Viene utilizzato per definire un estratto di una pagina Web specifica.
5. Viene utilizzato per definire l'autore del documento HTML.
6. Viene utilizzato per definire l'indirizzo URL di una società specifica definita nell'attributo tag.
7. Viene utilizzato per gestire le classificazioni riportate nel nostro documento.
8. Se vogliamo definire i sottotitoli per i nostri documenti HTML, è stato possibile utilizzare questo tag.
9. Viene utilizzato per aggiornare la nostra pagina Web al momento definito spam.
10. Viene utilizzato per classificare il nostro documento al valore di entità definito.
11. Questo tag viene utilizzato per specificare alcune parole chiave nel meta tag, quindi è possibile cercare facilmente questi contenuti nel nostro documento.
12. Questo tag viene utilizzato per definire il riepilogo del nostro documento.
Funzionamento del meta tag in HTML
Il meta tag in HTML viene utilizzato principalmente per includere informazioni leggibili automaticamente nel nostro documento della pagina Web che sono in realtà invisibili nella pagina Web. Un altro funzionamento molto importante di questo tag in HTML è, con l'aiuto di questo tag si può facilmente reindirizzare all'altra pagina Web usando questa funzione di meta tag.
C'è un elenco di attributi su cui il metatag funziona in modo fine sono i seguenti:
1. Contenuto: il contenuto nel meta tag funziona come un valore per il suo meta tag incluso.
2. Nome: il nome funziona come proprietà per il meta tag. Si presenta sotto forma di dettagli, proprietario, parole chiave, ecc.
3. http-equiv: questo attributo utilizzato per definire i dettagli dell'intestazione nel documento.
4. Set di caratteri: è l'attributo principale nel meta tag utilizzato per definire la codifica dei caratteri a scopo di dichiarazione nel suo documento.
5. Schema: questo attributo viene utilizzato per definire lo schema in cui verrà effettivamente utilizzato il meta tag. Ma questo tipo di attributo non è supportato in HTML5.
Esempi su Meta Tag in HTML
Vediamo alcuni esempi
Esempio 1
Useremo il meta tag e verrà letto dal sistema informatico ma non sarà in grado di vedere nulla ai visitatori della pagina web.
Codice HTML:
Output: mostrerà una schermata vuota come output.
Esempio n. 2
Ecco questo esempio useremo diversi tipi di meta tag e mostreremo l'output, la pagina web verrà aggiornata in ogni momento specifico e memorizzerà i cookie per la tua pagina citando anche la sua data di scadenza.
Codice HTML:
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
Meta Tags Example
EDUCBA
Become an Awesome Design Expert
EDUCBA- Tutto sui corsi di certificazione online
Scopri la progettazione grafica, l'animazione, lo sviluppo di giochi, l'editing video e altro con i nostri corsi di certificazione online
Scegli la tua area di interesse e ottieni la certificazione con i nostri corsi online in finanza, scienza dei dati, sviluppo software, Excel, design, gestione dei progetti, sviluppo personale, marketing e risorse umane.
Output: la pagina Web mostrata in output verrà aggiornata ogni 5 secondi.
Esempio n. 3
Vediamo un altro esempio usando i metatag, si rifletterà come sopra ma dopo aver aggiornato la pagina web verrà reindirizzato a un'altra pagina Web di cui gli URL verranno citati nel metatag come mostrato nel codice HTML seguente:
Codice HTML:
Meta Tags in HTML 5
Meta Tags in HTML 5
EDUCBA- Tutto sui corsi di certificazione online
Produzione:
Conclusione
Pertanto, un metatag in HTML viene utilizzato per definire i metadati sui documenti HTML. Il codice incluso è un formato leggibile automaticamente che funziona bene con una pagina web ma non mostra alcun contenuto della pagina ai visitatori. Meta tag contenente 3 diversi tipi di attributi come attributi globali, specifici dell'elemento e del gestore di eventi.
Articoli consigliati
Questa è una guida al meta tag in HTML. Qui discutiamo l'elenco dei diversi tipi di Meta tag utilizzati in HTML insieme agli esempi. Puoi anche consultare i seguenti articoli per saperne di più -
- Frame HTML
- Layout HTML
- Attributo di stile HTML
- Elementi del modulo HTML