Y at-il actuellement un moyen d'utiliser HTML5 balises en dehors de dans WebKit?

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

Question

Je suis en train d'utiliser des balises de <meta> tout au long de mon document HTML aux valeurs de microdonnées cachées mark-up, dans descriped de comme Mark Pilgrim Plongez au coeur de HTML 5 . Toutefois, lorsque mes page se charge dans Chrome (en particulier, Chrome 6.0.418.0), je reçois des messages d'erreur suivant: 

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

Y at-il actuellement une solution de contournement pour cela? La même chose se produit dans Firefox 3.6.13, bien que je suis particulièrement intéressé par une solution de contournement pour WebKit à ce moment.

Était-ce utile?

La solution

Les versions plus récentes de WebKit ont, comme Firefox, un analyseur éléments conformes HTML5, et le soutien meta en dehors de l'élément head.

Il faut aussi noter que W3Schools est sans rapport avec le W3C, et est bien connu pour publier une absurdité totale. En outre, Microdata fait toujours partie du HTML, et l'utiliser est parfaitement bien. Le fait qu'il est publié dans un projet distinct au W3C ne change pas de quelque façon.

Autres conseils

Les deux spécifications de microdonnées HTML (projet de l'éditeur du 8 Juillet 2011) et la schema.org spec vocabulaire par Google, Microsoft et Yahoo a permis à l'élément meta doit être placé dans le corps dans le cadre de les données sémantiques dans le format de microdonnées.

En Juillet 2011, IE 9, FF 5 et Chrome 12 ne jette pas cette erreur; Safari 5 fait encore. (Testé sur Windows 7) Plus important encore (à mon humble avis) validateur de W3C ne jette pas une erreur.

Voici un exemple valide de l'élément meta dans le corps: 

<!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>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top