» Validazione tag html 5

akane_p · 26-10-10, 18:53

Salve,

ho provato a validare un sito che utilizza i tag dell'html 5 (in particolare article) ma viene segnalato come errato...

Come mai?

Grazie 1000

vnotarfrancesco · 26-10-10, 19:30

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 · 26-10-10, 20:55

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

akane_p · 27-10-10, 16:06

Ciao,

il codice non validato è questo

Codice:

<!--     FOOTER     -->

<div id="footer">



<div id="copyright">

<footer>  Copyright &copy; 2010 - Replay Piombino di Milena Verdicchio </footer>

</div>



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

Grazie 1000

vnotarfrancesco · 27-10-10, 16:24

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

akane_p · 27-10-10, 16:49

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 · 27-10-10, 17:57

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.

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

Valerio Notarfrancesco

akane_p · 27-10-10, 18:34

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 · 28-10-10, 09:59

Quote:

akane_p

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.

Quote:

akane_p

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.

Quote:

akane_p

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.

Quote:

akane_p

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

akane_p · 28-10-10, 13:56

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

vnotarfrancesco · 28-10-10, 19:38

Prego.

Valerio Notarfrancesco

26-10-10, 18:53	#1 (permalink)
akane_p User Data di registrazione: Oct 2008 Ubicazione: Piombino, Toscana Messaggi: 289	Validazione tag html 5 Salve, ho provato a validare un sito che utilizza i tag dell'html 5 (in particolare article) ma viene segnalato come errato... Come mai? Grazie 1000
	__________________ Vacanze in Toscana

26-10-10, 19:30	#2 (permalink)
vnotarfrancesco ModSenior Data di registrazione: Oct 2009 Ubicazione: Torino Messaggi: 11,450	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
	__________________ Seguimi qui +Valerio Notarfrancesco per SEO e WEB MARKETING oppure su Twitter - Marketing Mobile ✭✭✭✭✭ Corso Google Plus Gratuito: il futuro della SEO

26-10-10, 20:55	#3 (permalink)
marcocarrieri ModSenior Data di registrazione: Jul 2009 Ubicazione: Rovigo Messaggi: 14,726	Potresti indicare magari l'url in forma inattiva della pagina da validare? Cosi magari vediamo il codice che hai usato.
	__________________ Adventure Park Solution === Wireless Physical Computing === Pittura Vetro Rovigo Diventa Moderatore - Seo Power

27-10-10, 16:06	#4 (permalink)
akane_p User Data di registrazione: Oct 2008 Ubicazione: Piombino, Toscana Messaggi: 289	Ciao, il codice non validato è questo Codice: <!-- FOOTER --> <div id="footer"> <div id="copyright"> <footer> Copyright © 2010 - Replay Piombino di Milena Verdicchio </footer> </div> </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 Grazie 1000
	__________________ Vacanze in Toscana

27-10-10, 16:24	#5 (permalink)
vnotarfrancesco ModSenior Data di registrazione: Oct 2009 Ubicazione: Torino Messaggi: 11,450	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
	__________________ Seguimi qui +Valerio Notarfrancesco per SEO e WEB MARKETING oppure su Twitter - Marketing Mobile ✭✭✭✭✭ Corso Google Plus Gratuito: il futuro della SEO

Condividi questo contenuto nei Social Network:		Tweet
Ti stiamo aspettando: Registrati subito e gratis. Entra a far parte di una delle comunità più attive in Italia. Se hai dimenticato i tuoi dati li puoi recuperare subito.

27-10-10, 16:49	#6 (permalink)
akane_p User Data di registrazione: Oct 2008 Ubicazione: Piombino, Toscana Messaggi: 289	Grazie 1000, non capisco allora perchè a me non lo convalida Ma la forma corretta quale è? Come devo usare i tag dell'html 5?
	__________________ Vacanze in Toscana

27-10-10, 17:57	#7 (permalink)
vnotarfrancesco ModSenior Data di registrazione: Oct 2009 Ubicazione: Torino Messaggi: 11,450	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. Codice 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> Valerio Notarfrancesco
	__________________ Seguimi qui +Valerio Notarfrancesco per SEO e WEB MARKETING oppure su Twitter - Marketing Mobile ✭✭✭✭✭ Corso Google Plus Gratuito: il futuro della SEO

27-10-10, 18:34	#8 (permalink)
akane_p User Data di registrazione: Oct 2008 Ubicazione: Piombino, Toscana Messaggi: 289	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
	__________________ Vacanze in Toscana

28-10-10, 13:56	#10 (permalink)
akane_p User Data di registrazione: Oct 2008 Ubicazione: Piombino, Toscana Messaggi: 289	Grazie 1000 per tutto Valerio! I tuoi consigli per me sono stati preziosi, mi sono chiarita alcuni dubbi!
	__________________ Vacanze in Toscana

28-10-10, 19:38	#11 (permalink)
vnotarfrancesco ModSenior Data di registrazione: Oct 2009 Ubicazione: Torino Messaggi: 11,450	Prego. Valerio Notarfrancesco
	__________________ Seguimi qui +Valerio Notarfrancesco per SEO e WEB MARKETING oppure su Twitter - Marketing Mobile ✭✭✭✭✭ Corso Google Plus Gratuito: il futuro della SEO

Strumenti di discussione
Visualizza la versione stampabile Invia la pagina tramite email