Validazione tag html 5

vnotarfrancesco

Io ci ho provato questa estate e ci ero riuscito, sia con una pagina in html5 che usava i div, sia con i tag semantici.
Puoi mica scrivere più informazioni o magari l'indirizzo inattivo della pagina?

Valerio Notarfrancesco

marcocarrieri

Potresti indicare magari l'url in forma inattiva della pagina da validare?
Cosi magari vediamo il codice che hai usato.

patrizia.lorenzini

Ciao,

il codice non validato è questo ```

</div>


il sito è replaypiombino.it (non è online per il momento).

Forse non posso utilizzare il tag semantici dentro i div? Mi sa che ho fatto confusione :x

Grazie 1000 :smile5:

vnotarfrancesco

In quello che avevo fatto io footer era un elemento figlio di body. Al suo interno ci avevo messo sia div sia elementi section.
Comunque ho fatto la prova a modificare il mio file e a inserire footer dentro altri 2 div come il tuo esempio e me lo convalida lo stesso.

Valerio Notarfrancesco

patrizia.lorenzini

Grazie 1000, non capisco allora perchè a me non lo convalida

Ma la forma corretta quale è? Come devo usare i tag dell'html 5?

vnotarfrancesco

Puoi usare entrambi, sia i div sia gli elementi semantici, io ti consiglio di usare gli elementi semantici così fornisci dati preziosi a Google. All'intero degli elementi semantici puoi usare i div.

Magari l'errore di validazione non è nel footer, quando potrai magari metti in linea la pagina e proviamo a vedere se possiamo dare una mano, so che abbiamo uno dei massimi esperti in validazione del codice qui sul forum gt. Non gliene scappa uno.

Ho ripulito di tutto ciò che non era necessario la mia pagina di test, al fondo ho inserito il footer all'interno di 2 div come hai fatto tu. Il seguente codice è valido. Magari ti può essere utile.
[HTML]<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="robots" content="all" />
<title>Pagina senza titolo</title>
</head>

<body>

				<section class="mainContent">
					<div class="mainContent_inner">
					<p>Ciao sono il contenuto principale</p>
					</div>
				</section>

<div id="footer">
<div id="copyright">
<footer class="footerContainer">
<p>Ciao sono nel footer</p>		
</footer>
</div>
</div>

</body>
</html>[/HTML]

Valerio Notarfrancesco

patrizia.lorenzini

Grazie 1000 per l'aiuto e per i preziosi consigli! Ed anche per il codice di esempio!
Sono sempre un po' all'inizio con css ed html5

Quindi avevo interpretato la cosa al contrario.. perchè io mettevo i tag semantici dentro i div.. correggerò la cosa.
Faccio un'altra domanda, comporta qualcosa che il tag semantico abbia lo stesso nome dell'id del div? Anche se credo che non avrò più bisogno di utilizzare div chiamati "footer, header, ecc...".

Il sito non è online ma si puo' visualizzare la prima pagina, è nascosta ma pubblicata, prima mi sono espressa malissimo oltre a non averla indicata .

replaypiombino.it/index.asp

Grazie ancora

vnotarfrancesco

@akane_p said:

Grazie 1000 per l'aiuto e per i preziosi consigli! Ed anche per il codice di esempio!
Sono sempre un po' all'inizio con css ed html5
Come tutti, anzi ho visto in giro che c'è un'immotivata paura ad usare l'html5. Secondo me porterà vantaggi seo.
@akane_p said:

Quindi avevo interpretato la cosa al contrario.. perchè io mettevo i tag semantici dentro i div.. correggerò la cosa.
Penso che sia valido fare in entrambi i modi anche se ipotizzando come potrebbero ragionare gli algoritmi di Google, forse sarebbe meglio mettere i tag semantici fuori.
@akane_p said:

Faccio un'altra domanda, comporta qualcosa che il tag semantico abbia lo stesso nome dell'id del div? Anche se credo che non avrò più bisogno di utilizzare div chiamati "footer, header, ecc...".
No non comporta niente, sia per il parser del browser sia per i motori di ricerca se un div ha come identificativo un nome identico ad un elemento semantico. Forse però qualche problema potrebbe esserci con IE6-7 perché non riconoscono gli elementi semantici si usa una funzione javascript per ricostruisce la struttura e non ho idea come funzioni e se possa creare dei problemi. Non ho mai provato è solo un'idea da approfondire.
@akane_p said:

replaypiombino.it/index.asp

Il problema è semplicemente l'intestazione della pagina dichiarata come doctype XHTML 1.0 Transictional.
Mdifica il doctype e come prima riga scrivi questo:
<!DOCTYPE HTML>
Gli errori scenderanno subito e vedrai che il resto delle segnalazioni sono l'uso degli attributi ad esempio align nel tag img che può diventare <img style=""/> o ancora meglio usando un foglio di stile esterno e gli altri errori sono l'uso di name nei div che sostituisci con id.

Valerio Notarfrancesco

patrizia.lorenzini

Grazie 1000 per tutto Valerio! I tuoi consigli per me sono stati preziosi, mi sono chiarita alcuni dubbi!

vnotarfrancesco

Prego.

Valerio Notarfrancesco