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.
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>