problemi con validazione pagina html

nicozizi

problemi con validazione pagina html

Salve ragazzi ho un problema di validazione nelle pagine html di un sito che devo consegnare per un esame: questo è il codice della pag html:

[html]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //IT"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><title>Mappa del sito</title>

<SCRIPT language=JavaScript type=text/JavaScript>
function stampapg() {
window.print();
};
function addPage() {
if ((navigator.appName=="Microsoft Internet Explorer")&&
(parseInt(navigator.appVersion)>=4)) {
window.external.addFavorite
(document.location.href, document.title);
}
else {
var msg = "AZ Info: Il tuo browser non supporta lo script '" +
document.location.href + "' ai preferiti!";
if (navigator.appName=="Netscape") msg += " (CTRL-D)";
alert(msg);
}
}
</SCRIPT>

</head>
<body>

<div id=testo_mappa>
Ti trovi in: Mappa del sito 
<a href="home.php">Home page</a>
<a href="chisiamo.php">Chi siamo</a>
<a href="<A href="mailto:[email protected]">Contatti</a> &nbsp">mailto:[email protected]">Contatti</a>
<a href="mappa.html">Mappa del sito</a>

<a href ="storia.php">La Storia</a> --> <a href ="villa.php">Villa Doria</a> -->
<a href ="esterni.php">Veduta esterno</a>

<div id= decorazione>
--> <a href ="decorazione.php">Affresco interno</a></div>

<a href = "sale.php">Gli interni</a> -->
<a href = "primopiano.php">Sala al primo Piano</a>

<div id= sale>
--> <a href ="argonauti.php">Sala degli Argonauti</a> 
--> <a href ="colombo.php">Sala di Cristoforo Colombo</a> 
--> <a href ="vascello.php">Sala del Vascello</a> </div>

<a href = "opere.php">Le Opere</a> --> <a href ="magazzino.php">Acquarelli in magazzino</a> 
<div id=modelli>
--> <a href ="magazzino2.php">Modelli in magazzino</a></div>

<a href = "informazioni.php">Informazioni</a> --> <a href ="cartina.php">Come raggiungerci</a> 
<div id=info>
--> <a href ="orari.php">Orari di apertura</a> 
--> <a href ="prenotazioni.php">Prenotazioni e tariffe</a> 
--> <a href ="card.php">Card Musei</a></div>

<a href = "eventi.php">Eventi</a> 
<a href = "pubblicazioni.php">Pubblicazioni</a> 
<a href = "articoli.php">Parlano di noi</a> 
<a href = "sitiamici.php">Siti amici</a> 
<a href ="javascript:stampapg();">Stampa</a>

<a href = "interattiva.php">Area Interattiva</a> --> <a href ="commenti.php">Commenta il sito!</a> 
<div id=interattiva>
--> <a href ="commenti2.php">Suggerisci miglioramenti al sito!</a> 
--> <a href ="segnala.php">Segnala il sito ad un amico!</a></div> 
<a href = "mobile.html">Mobile</a> --> <a href ="stradamobile.html">Come raggiungerci</a> 
<div id=mobile>
--> <a href ="orarimobile.html">Orari di apertura</a> 
--> <a href ="prenotazionimobile.html">Prenotazioni</a> 
--> <a href ="tariffemobile.html">Tariffe</a>
--> <a href ="cardmobile.html">Card Musei</a> 
--> <a href ="numerimobile.html">Indirizzo e numeri utili</a></div>

<a href = "guestbookone.php">Guestbook</a> --> <a href ="guestbook.php">Form del guestbook</a> 
<div id= guest>
--> <a href ="messguest.php">Visualizza i messaggi del guestbook</a> 
</div>

<a href="javascript:addPage();">Aggiungi ai preferiti</a>

Sito Web validato con: 
<a href="<A href="http://validator.w3.org"><img/">http://validator.w3.org"><img src= "w3chtml.jpg" alt="standard W3c per html" border="0"></a> 
<a href="<A href="http://jigsaw.w3.org/css-validator/"><img">http://jigsaw.w3.org/css-validator/"><img src= "w3ccss.jpg" alt="standard W3c per css" border="0"></a>

<input type="button" name="indietro" value="indietro" onclick="window.history.back();">
<input type="button" name="avanti" value="avanti" onclick="window.history.forward();">

</div>
</div>
</body>
</html>
[/html]

Mentre questo è l'errore che mi restituisce il validatore:

Error Line 9 column 102: character data is not allowed here.

..., vascelli, quadri, cimeli, relitti"/>

You have used character data somewhere it is not permitted to appear. Mistakes that can cause this error include putting text directly in the body of the document without wrapping it in a container element (such as a aragraph) or forgetting to quote an attribute value (where characters such as "%" and "/" are common, but cannot appear without surrounding quotes).

qualcuno mi può aiutare ad eliminarlo?
Grazie
Nix

shad

Vai per tentativi eliminando una riga alla volta.
Comincia con tutte quelle con i tag meta e poi controlla questa che mi sa voglia le virgolette su stylesheet

nicozizi

Ciao Shad grazie per avermi risposto!
Ho fatto come mi hai detto, messo le virgolette dove mancavano ed eliminato man mano ogi riga contenente il tag meta...
Di volta in volta mi dava sempre l'errore sulla riga successiva, finiti i meta me lo dava sui collegamenti ai fogli di stile.
Tolti anche i collegamenti pur non essendoci neanche un errore la pagina non era comunque valida; infatti il validatore mi scrive:

Result:Failed validation, 0 error File:C:\Programmi\EasyPHP1-7\www\museonavale\mappa.html Encoding:utf-8Doctype:-//W3C//DTD XHTML 1.0 Transitional //IT
No Character Encoding Found! Falling back to UTF-8. I was not able to extract a character encoding labeling from any of the valid sources for such information. Without encoding information it is impossible to reliably validate the document. I'm falling back to the "UTF-8" encoding and will attempt to perform the validation, but this is likely to fail for all non-trivial documents.
Read the FAQ entry on character encoding for more details and pointers on how to fix this problem with your document.

Ora che faccio?eheheh
grazie
Nico

shad

Bella domanda, direi che hai fatto un pò di debug ma adesso non essendo io molto bravo con i CSS non posso aiutarti troppo. Comincia col farti una ricerca sul web e trovati una guida sull'accessibilità che ti spieghi un pochino come impostare i vari tag. Io ad esempio mi sono letto quella su html.it

seraphimfoa

Allora nicozizi innanzi tutto il doctype è errato: ecco quello giusto: (tu hai messo IT dopo Transitional//, invece ci va EN)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Poi devi cominciare a scrivere tutti i tag META minuscoli


<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />

E ricordati di chiudere tutti i tag "meta" con lo slash e tutti gli attributi sempre in minuscolo...

fatto questo valida di nuovo e comincia a correggere gli altri errori.