Esiste attualmente un modo per utilizzare HTML5 tag al di fuori del in WebKit?

StackOverflow https://stackoverflow.com/questions/4681741

Domanda

Sto cercando di utilizzare i tag <meta> tutto il mio documento HTML ai valori microdati nascosti mark-up, come descriped in di Mark Pilgrim Dive Into HTML 5 . Tuttavia, quando i miei pagina viene caricata in Chrome (in particolare, cromo 6.0.418.0), ottengo seguenti messaggi di errore: 

<meta> is not allowed inside <article>. Moving <meta> into the <head>.
<meta> is not allowed inside <span>. Moving <meta> into the <head>.
<meta> is not allowed inside <div>. Moving <meta> into the <head>.

Esiste attualmente una soluzione per questo? La stessa cosa accade in Firefox 3.6.13, se io sono particolarmente interessato a una soluzione per WebKit in questo momento.

È stato utile?

Soluzione

Più recenti versioni di WebKit hanno, come Firefox, un parser HTML5-compliant, e gli elementi di sostegno meta fuori l'elemento head.

Si noti anche che W3Schools non è correlato al W3C, ed è ben noto a pubblicare una sciocchezza assoluta. Inoltre, Microdata è ancora parte di HTML, e il suo utilizzo è perfettamente bene. Il fatto che si è pubblicato in un progetto separato W3C non cambia in alcun modo.

Altri suggerimenti

Sia le specifiche HTML Microdata (Progetto del redattore dall'8 luglio 2011) e la schema.org spec vocabolario da Google, Microsoft e Yahoo ha permesso l'elemento meta da inserire nel corpo come parte di dati semantici nel formato microdati.

A partire da luglio 2011, IE 9, FF 5 e Chrome 12 non gettare questo errore; Safari 5 fa ancora. (Testato su Windows 7) Ancora più importante (IMHO) validatore del W3C non genera un errore.

Ecco un valido esempio dell'elemento meta nel corpo: 

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Testing Meta in the Body</title>
    </head>
    <body>
        <div itemscope>
            <meta itemprop="name" content="HTML5 Logo">
            <figure>
                <img src="html5.png">
                <figcaption>The HTML5 Logo</figcaption>
            </figure>
        </div>
    </body>
</html>
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top