Risolvere alcuni errori - help!

[Katherine]

Il mio sito, creato con Wordpress, presenta alcuni errori di validazione. In particolare alcuni errori sono causati da queste righe:

<meta name="author" content="Your Name Here">
<meta name="robots" content="index,follow">
<meta name="description" content="Gosling Fan">

Gli errori sono:

1- Line 4, Column 46: end tag for "meta" omitted, but OMITTAG NO was specified
<meta name="author" content="Your Name Here">
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

2- Line 5, Column 44: end tag for "meta" omitted, but OMITTAG NO was specified
<meta name="robots" content="index,follow">
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

In tutto sono sono 6, che potete vedere più nel dettaglio qui
http://goo.gl/8TP6h
Sono i primi della lista. Non so bene come risolverli quindi grazie a chi vorrà aiutarmi

[vnotarfrancesco]

Ciao Katherine.
Nell'xhtml ogni elemento deve essere chiuso, quindi ad esempio un blocco di paragrafo lo apri con il tag <p> e lo chiudi con </p>. Questo è intuitivo.

Meno intuitivo invece il fatto che devono essere chiusi anche i tag che non hanno un corrispondente elemento di chiusura, tanto per capirci, quei tag che sono contenuti in una stessa riga proprio come i meta tag che hai riportato tu.

Quindi <meta name="description" content="Gosling Fan"> non passa la validazione perché non è chiuso. Come chiuderlo? Semplicemente aggiungendo la barra al termine in questo modo:
<meta name="description" content="Gosling Fan" />

Un altro esempio, il tag per andare a capo senza iniziare un nuovo paragrafo, il tag <br>, diventa <br />.

Non ti chiedere se c'è una motivazione tecnica, è semplicemente una norma sintattica del linguaggio decisa dal w3c.


Valerio Notarfrancesco

[Katherine]

Grazie mille Valerio
- 3 errori...

Ora vedo che altri tre riguardano questo codice, che a me sembra corretto:

<div id="head2">
<div id="social"><a href="http://www.facebook.com/pages/The-Vampire-Diaries-Love-Perch%C3%A8-lamore-morde/178435418848632"><img src="<?php bloginfo('template_directory'); ?>/images/facebook.png" alt="Facebook" border="0" /><a href="http://feeds.feedburner.com/TheVampireDiariesLove"><img src="<?php bloginfo('template_directory'); ?>/images/rss.png" alt="RSS Feed" border="0" /></a></div>
</div>

Gli errori:

Line 204, Column 307: document type does not allow element "a" here; missing one of "object", "span", "bdo", "applet", "iframe", "tt", "i", "b", "u", "s", "strike", "big", "small", "font", "em", "strong", "dfn", "code", "q", "samp", "kbd", "var", "cite", "abbr", "acronym", "sub", "sup", "label", "ins", "del" start-tag
….feedburner.com/TheVampireDiariesLove"><img src="http://www.vampirediaries-lov…
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Line 204, Column 436: end tag for "a" omitted, but OMITTAG NO was specified
…wp-content/themes/VDLove/images/rss.png" alt="RSS Feed" border="0" /></a></div>
You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Line 204, Column 18: start tag was here
<div id="social"><a href="http://www.facebook.com/pages/The-Vampire-Diaries-Lov…

Grazie dell'aiuto

[marcocarrieri]

Mi sembra di vedere che non sia chiuso il tag </a>

[vnotarfrancesco]

Sembra anche a me Marco. Che occhio, complimenti.
Proviamo a scriverlo con un po' di indentazione:

<div id="head2">
   <div id="social">
      <a href="http://www.facebook.com/pages/The-Vampire-Diaries-Love-Perch%C3%A8-lamore-morde/178435418848632">
         <img src="<?php bloginfo('template_directory'); ?>/images/facebook.png" alt="Facebook" border="0" />
      </a>
      <a href="http://feeds.feedburner.com/TheVampireDiariesLove">
         <img src="<?php bloginfo('template_directory'); ?>/images/rss.png" alt="RSS Feed" border="0" /> 
      </a>
   </div>
</div>

Manca il tag di chiusura che ho evidenziato in rosso.


Valerio Notarfrancesco

[Katherine]

Fatto
Comunque posso chiedervi se e quanto è importante secondo voi che un sito sia validato?

Grazie

[vnotarfrancesco]

Perfetto bravissima.

Un sito valicato è importante, ma non necessario.

Io parto sempre con del codice che passa la validazione, poi se per motivi ben determinati come ad esempio l'inserimento dei widget dei social network il codice perde la validazione, non mi preoccupo perché so che non influisce né sulla corretta visualizzazione né sulla corretta indicizzazione da parte dei motori di ricerca.

Voglio però sottolineare una cosa e ripetermi: so bene quale parte di codice non passa la validazione, solo una parte, e sono conscio di quello cha faccio.

Ho visto siti dove interi blocchi di testo non venivano nemmeno letti da Google e sarebbe bastato fare il controllo per accorgersi dell'errore.


Valerio Notarfrancesco

[Katherine]

Sono d'accordo con te. Personalmente, essendo anche poco esperta, ho sempre pensato che entro una certo limite, anche avere degli errori non fosse un problema, soprattutto perchè nel mio caso alcuni errori sono causati da Wordpress o suoi plugin quindi non è che posso fare molto.

Su quelli sopra ho voluto intervenire perchè sapevo esattamente dov'era l'errore. Comunque noto di aver molti ID "...." already defined che proprio non capisco. Per esempio:

Line 365, Column 11: ID "bodypost" already defined
<div id="bodypost">

An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

Come lo dovrei modificare?
Grazie

[marcocarrieri]

Bisognerebbe cambiare ID...
Questo appunto perchè non è possibile definire più ID nella stessa pagina.
Ora però bisogna vedere cosa c'è di legato a quell'id...
Se fosse solo la definizione di uno stile allora è semplice, si gioca con le classi, e si definisce ad esse lo stile associato all'ID.
Se invece ci fosse anche del codice Javascript associato ad esso allora bisognerebbe valutare bene caso per caso.