August 30
Il tag HEAD è un attributo situato all'interno del codice HTML di una pagina web. Mentre il contenuto di questo tag rimangono nascosti dal telespettatore medio, le informazioni al suo interno possono interessare come un sito web visualizza le informazioni e viene indicizzato sul web. La maggior parte delle persone che creano siti web, in particolare i principianti, hanno la tendenza a trascurare il tag HEAD, perché non è necessario un impatto diretto l'aspetto di un sito web, né è richiesto tecnicamente per un sito di funzionare. Tuttavia, gli elementi all'interno di questo tag possono svolgere un ruolo importante.
Un elemento importante contenuto nel tag HEAD è il titolo di un documento. Il tag TITLE consente di creare un nome appropriato per un sito web che apparirà in due posti; la barra superiore di un browser web e, come il titolo nei risultati dei motori di ricerca. Oltre a consentire un visitatore sapere esattamente quale pagina web sono la visualizzazione, utilizzando questo tag rende anche più facile per i motori di ricerca di indicizzare e classificare correttamente un sito web.
Per includere un titolo, dovrebbe essere inserito all'interno del tag HEAD; ad esempio:
<Head>
<Title> Il tuo sito web Titolo </ title>
</ Head>
Un altro elemento utile del tag HEAD è la possibilità di inserire dei metadati, che fornisce i crawler dei motori di ricerca e robot ulteriori informazioni su un sito web. Il tag META può essere usato per includere una descrizione di un sito web, le parole chiave, informazioni sugli autori, e di fornire istruzioni specifiche per i robot. Gli elementi più comuni della META tag sono "description" e "keywords" in quanto questi sono stati conosciuti per aiutare web crawler nell'individuazione e l'indicizzazione di un sito web nei motori di ricerca in modo accurato.
Per includere i metadati, inserirlo all'interno del tag HEAD come:
<Head>
<Title> Il tuo sito web Titolo </ title>
<Meta name = "description" content = "Una descrizione sintetica del sito">
<Meta name = "keywords" content = "html, tag head, che cosa è un tag head">
</ Head>
Gli elementi all'interno del tag HEAD possono anche svolgere un ruolo nella progettazione di un sito web e di come esso viene visualizzato in un browser. Il tag STYLE consente al progettista di creare una posizione centrale per l'impostazione vari componenti di progettazione; come ad esempio il colore di sfondo / immagine, colore del testo, dimensione e tipo di carattere. Questo è un elemento utile da usare se un progettista vuole aggiungere maggiore personalizzazione a un sito web invece di utilizzare i font predefiniti e colori che alcuni browser web utilizzano per impostazione predefinita.
Per includere regole di stile, inserire questo tag all'interno del tag HEAD, in questo modo:
<Head>
<Title> Il tuo sito web Titolo </ title>
<Meta name = "description" content = "Una descrizione sintetica del sito">
<Meta name = "keywords" content = "html, tag head, che cosa è un tag head">
<Style type = "text / css">
H1 {font-size: 12pt; font-face: "Calibri, Microsoft Sans Serif"}
</ Style>
</ Head>
Il tag LINK permette un designer di stabilire una relazione tra il sito web e un sito esterno o un documento. Il tag particolare è più comunemente usato per collegare i file CSS a un sito web. file CSS sono i fogli di stile che definiscono specificamente tutti gli elementi di progettazione di un sito web. Nella maggior parte dei casi, utilizzando il tag LINK per associare un sito web con un foglio di stile è preferito utilizzando il tag STYLE perché semplifica il documento HTML con l'più breve e meno ingombrante.
Per associare un foglio di stile utilizzando questo tag, includerlo all'interno del tag HEAD; ad esempio:
<Head>
<Title> Il tuo sito web Titolo </ title>
<Meta name = "description" content = "Una descrizione sintetica del sito">
<Meta name = "keywords" content = "html, tag head, che cosa è un tag head">
<Link href = "stylesheet.css" rel = "stylesheet" type = "text / css">
</ Head>