Corso di HTML

 

 

Intestare un documento - Meta Tag


   

Adesso vediamo in pratica come iniziare a creare una pagina web.
Il primo passo da compiere dovrebbe essere:


<!DOCTYPE HTML PUBLIC ="-//IETF//DTD HTML 4.0//EN">


L'uso di DOCTYPE non è obbligatorio e può essere omesso. Il suo utilizzo aiuta il server web ad interpretare correttamente il documento, ma la sua assenza non condiziona la corretta visualizzazione del documento ecco il significato di ogni riga:


HTML PUBLIC: il documento è pubblico
IETF: il tipo di HTML pubblico è gestito dalla Internet Engineering Task Force
DTD HTML 4.0: la versione di HTML supportata è la 4.0
EN: la lingua del documento è l'inglese

HTML

Tutto il contenuto di un documento HTML è compreso all'interno dei marcatori <HTML></HTML> che in altre parole, ha il compito di aprire e chiudere il file. I tag <HTML></HTML> indicano al browser che il documento è marcato in HTML, anche se i browser più recenti (Netscape 3 e 4, MsIe 3,4 e 5) riescono ugualmente ad interpretare i tag successivi.

 

Detto questo esistono comunque due buone ragioni per inserire sempre i tag <HTML></HTML> all'interno del documento:

 

1. HTML non è l'unico linguaggio di contrassegno presente sul Web e quindi il browser rischia di non interpretare correttamente i tag, confondendoli con altri linguaggi di marcatura.

 

2. Gli utenti che usano browser vecchi rischiano di vedere il documento mal formattato. 

HEAD  

Il tag <HEAD></HEAD> sono posti subito dopo l'apertura dei tag <HTML> e racchiudono l'intestazione vera e propria del documento, cioè tutte le informazioni necessarie al browser, al Webserver ed ai motori di ricerca.Il tag <head> è il primo elemento letto dal browser e all'intero và inserito il titolo del documento e altre informazioni.  

 

TITLE

Il tag <TITLE></TITLE> è il più utilizzato all'interno del tag <HEAD>, in quanto fornisce il titolo alla pagina. Il titolo viene solitamente visualizzato dai browser nell'intestazione di pagina (in alto a sinistra)

META TAG

I META tag, stringhe di codice che vanno inseriti, tra i comandi <HEAD></HEAD> servono per far individuare ai motori di ricerca l’esistenza delle proprie pagine web sulla grande rete (logicamente dopo aver segnalato ai vari motori di ricerca il proprio sito).
Le "keywords" sono i termini che descrivono il contenuto di una pagina web ad esempio se il sito si occupa di manuali per l’uso del computer ed internet allora potrebbero essere impostate così:
 
<META name="keywords" Content="manuali,guide per computer,lezioni di informatica, internet">

La virgola serve per dividere i termini gli uni dagli altri

<META name="description" content="La mia prima home page">
il titolo che apparira' alla fine della ricerca.

<META NAME="ROBOTS" CONTENT="FOLLOW,INDEX">   Serve per indicizzare le pagine nei motori di ricerca.

Poi ci sono altri tag che non è indispensabile inserire e sono: <META name="author" content="Nome Cognome">
Questo META tag riguarda l'autore della pagina web.

<META name="GENERATOR" content="Blocco note di Win98">
Per indicare con che tipo di editor si sono create le pagine.
 

 Ecco il tutto riepilogato 

 

<!DOCTYPE HTML PUBLIC ="-//IETF//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<META name="keywords" Content=">guide, manuali, corsi per computer">
<META name="description" content="La mia prima home page con la guida di TuttoPc.it

<META NAME="ROBOTS" CONTENT="FOLLOW,INDEX"> 
<META name="author" content="Nome Cognome

<META NAME="GENERATOR" content=">Blocco note di Windows>

<TITLE>La mia prima home page</TITLE>
</HEAD>
</HTML>