Nwlapcug.com


Cosa sono i tag di testa?

Cosa sono i tag di testa?


Il tag HEAD è un attributo che si trova all'interno del codice HTML di una pagina web. Mentre il contenuto di questo tag rimanga nascosto dallo spettatore medio, le informazioni all'interno di esso possono colpire come un sito Web consente di visualizzare informazioni e viene indicizzato sul web. Maggior parte degli individui che creare siti Web, soprattutto i principianti, hanno la tendenza a trascurare il tag HEAD, perché esso non è necessario un impatto diretto l'aspetto di un sito Web, né è tecnicamente necessaria per un sito alla funzione. Tuttavia, gli elementi all'interno di questo tag possono giocare un ruolo importante.

Il titolo del sito Web

Un importante elemento contenuto nel tag HEAD è il titolo di un documento. Il tag del titolo consente di creare un nome appropriato per un sito Web che verrà visualizzato in due posizioni; la barra superiore di un browser web e come il titolo nei risultati dei motori di ricerca. Oltre a lasciare un visitatore sapere esattamente quale pagina web stai visualizzando, utilizzando questo tag rende anche più facile per i motori di ricerca indicizzare e classificare correttamente un sito Web.

Per includere un titolo, deve essere inserita all'interno del tag HEAD; ad esempio:

< head >

< title > il tuo sito Web titolo < / title >

< / head >

Descrivendo un sito Web ai motori di ricerca

Un altro elemento utile di tag HEAD è la capacità di includere i meta dati, che fornisce i crawler dei motori di ricerca e robot informazioni aggiuntive su un sito Web. Il META tag può essere utilizzato per includere una descrizione di un sito Web, parole chiave, informazioni sull'autore e fornire istruzioni specifiche per robot. Gli elementi più comunemente utilizzati del META tag sono "Descrizione" e "parole chiave" come questi sono stati conosciuti per assistere web crawler nell'accurata individuazione e l'indicizzazione di un sito Web nei motori di ricerca.

Per includere i metadati, è possibile inserirlo all'interno del tag HEAD come:

< head >

< title > il tuo sito Web titolo < / title >

< nome meta = "description" content = "Una concisa descrizione del sito Web" >

< nome meta = "keywords" content = "html, tag head, che cosa è un tag head" >

< / head >

Metodi di Styling conveniente

Gli elementi all'interno del tag HEAD possono anche svolgere un ruolo nella progettazione di un sito Web e come viene visualizzato in un browser. Il tag di stile permette un designer per creare una posizione centrale per l'impostazione di vari componenti di progettazione; ad esempio il colore/immagine di sfondo, colore del testo, dimensioni e tipo di carattere. Si tratta di un elemento pratico da utilizzare se un progettista vuole aggiungere ulteriori personalizzazioni a un sito Web invece di utilizzare i caratteri predefiniti e i colori che utilizzano determinati browser web per impostazione predefinita.

Per includere le regole di stile, inserire questo tag all'interno del tag HEAD, in questo modo:

< head >

< title > il tuo sito Web titolo < / title >

< nome meta = "description" content = "Una concisa descrizione del sito Web" >

< nome meta = "keywords" content = "html, tag head, che cosa è un tag head" >

< style type = "text/css" >

H1 {font-size: 12pt; font-face: "Calibri, Microsoft Sans Serif"}

< / stile >

< / head >

Collegamento di fonti esterne

Il tag LINK consente una finestra di progettazione stabilire una relazione tra il sito Web e un sito esterno o documento. Il tag particolare è più comunemente usato per collegare i file CSS a un sito Web. I file CSS sono fogli di stile che definiscono in particolare tutti gli elementi di design di un sito Web. Nella maggior parte dei casi, utilizzando il tag LINK per associare un sito Web con un foglio di stile è preferito sopra utilizzando il tag di stile, perché esso semplifica il documento HTML mantenendo più brevi e meno ingombra.

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 >

< nome meta = "description" content = "Una concisa descrizione del sito Web" >

< nome meta = "keywords" content = "html, tag head, che cosa è un tag head" >

< link href="stylesheet.css" rel = "stylesheet" type = "text/css" >

< / head >