Il tag HEAD nel dettaglio: metadati, includere css, favicon

  • Il tag <head> contiene metadati, il titolo della pagina, link a CSS, JavaScript e favicon, essenziali per definire le informazioni non visibili ma fondamentali per i motori di ricerca e l’aspetto della pagina.
  • Il titolo del documento (elemento <title>) appare nei tab del browser e nei risultati di ricerca, differenziandosi dal titolo all’interno del contenuto della pagina, che è parte del corpo del testo.
  • I metadati (<meta> tags) forniscono informazioni aggiuntive come la codifica dei caratteri, descrizione della pagina, autore, e sono cruciali per l’ottimizzazione SEO e l’integrazione con i social media attraverso metadati Open Graph di Facebook.
  • La favicon, specificata tramite il tag <link rel="icon">, migliora l’identificazione visiva del sito nei bookmark e nelle schede del browser.
  • L’inclusione di CSS e JavaScript attraverso i tag <link> per CSS e <script> per JavaScript nel <head> permette di stilizzare e aggiungere interattività alla pagina, con la possibilità di scrivere codice CSS direttamente nel tag <style> e JavaScript in <script> per testi iniziali o funzionalità specifiche.