Puis-je ajouter de Microdonnées de HTML5 pour un XHTML Strict site et toujours être conforme à la loi?

J'ai un site codé en XHTML 1.0 Strict. Je veux utiliser la nouvelle Microdonnées à ajouter de la chapelure pour mon site (donc Google va comprendre).

Mon vieux non microdonnées marquées chapelure ressembler à ceci:

<ul>
  <li><a href="...">Level 1</a></li>
  <li><a href="...">Level 2</a></li>
  <li><a href="...">Level 3</a></li>
</ul>

Selon Google, pour le balisage de la chapelure à l'aide de Microdonnées, vous étendez le code ci-dessus comme ceci:

<ul>
  <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="..." itemprop="url">
      <span itemprop="title">Level 1</span>
    </a>
  </li>
  ...
</ul>

Mais ce n'est pas valide XHTML 1.0 Strict.

Que dois-je faire?

Dois-je ignorer la validation des conflits?

Dois-je écrire itemscope="itemscope" au lieu de simplement itemscope (ce serait XML valide, mais toujours pas valide XHTML)?

Dois-je changer le Doctype être HTML5 au lieu de XHTML 1.0 Strict?

Je veux que cela fonctionne tout le chemin du retour à IE6!

Merci des conseils 🙂

  • Pourquoi Microdonnées? À l'aide de la RDFa dialecte semble que ça devrait être valide XHTML.
  • Il me semblait à moi que Microdonnées est l'avenir en raison de HTML5. C'était donc à la fois une façon pour moi de me salir les mains sur le HTML5, mais il rend également plus facile d'ajouter de l'avenir HTML5 nice-ness, plus tard, comme il arrive à maturité.
  • Le W3C HTML5 groupe de travail de traiter HTML5+RDFa et HTML5+Microdonnées également. Les deux fonctionnent avec le HTML et le XHTML. Le WHATWG faveurs de microdonnées parce qu'il a été inventé par Ian Hickson (Hixie) et WHATWG est Hixie personnels du fief.
InformationsquelleAutor Thomas Watson | 2010-09-07
  1. 16

    Oui, si vous vouliez utiliser itemscope en XHTML, vous devez écrire itemscope="itemscope" et l'utilisation XHTML5 (même DOCTYPE HTML5, mais la syntaxe XML).

    itemscope n'est pas inclus dans W3 HTML5, mais présent dans WHATWG de version, de sorte que la validation peut continuer à être une difficulté. Il semble être tout à fait certains argument politique sur cette question, dont je n'ai pas suivi comme il semble assez fastidieux.

    Pour le moment, si vous souhaitez utiliser le fil d'ariane des annotations dans un finalisé, le traitement pouvant être validé format de document, vous pouvez utiliser le format RDFa à la place: l'alternative (mais les plus âgés) proposition, dont l'argument est tout au sujet, et utiliser le doctype:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
    • Pour être clair à propos de l'état de Microdonnées dans le W3C HTML5, c'est toujours de la partie des travaux du groupe de travail HTML5, mais il est défini dans un document distinct. Vous pouvez le trouver ici: dev.w3.org/html5/md . Le raisonnement derrière cela est assez simple. RDFa et de Microdonnées habitent le même espace-problème et il est difficile de savoir qui va attraper avec les auteurs de sites web, de sorte qu'il a été ressenti par de nombreux membres du groupe de travail qui, n'ayant pas, soit dans la spécialisation principale serait la plus susceptible de donner un terrain de jeu pour les deux mécanismes d'extension à la concurrence.
    InformationsquelleAutor bobince
  2. 12

    Depuis les principaux moteurs de recherche ont décidé schema.org en juin dernier (2011) la façon de faire les rich snippets, cette question est devenue de plus en plus important de voir le XHTML5 n'avez pas encore de travail DTD (BTW, http://www.html5dtd.org/ est de travailler sur un XHTML5 DTD et pourrait bien être prêt quand vous lisez ceci, si donc abstraction de ce que je vais dire). Et ce que je vais dire, résume une page que j'ai placé à http://www.nedprod.com/programs/portable/XHTMLwithHTML5microdata/ il y a quelques semaines, et il n'y a plus de détails, y compris une riche extraits de la démo si vous le souhaitez.

    J'avais besoin de prolonger le XHTML 1.x Strict avec schema.org/HTML5 les microdonnées et la mise à valider correctement pour la mise à jour de nedprod, et Microsoft Expression Web est la tendance occasionnelle à manger des morceaux de code HTML qu'il édite, si la validation est à portée de main pour les attraper quand il borks. Donc j'ai créé ces Dtd qui s'étendent à la norme XHTML 1.0 ceux:

    À utiliser, prendre une copie de votre choix DTD (ne pas utiliser l'original de nedprod, je ne peux pas se permettre de la bande passante) et l'utiliser comme suit:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict with HTML5 microdata//EN" "xhtml1-strict-with-html5-microdata.dtd">

    ou ...

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional with HTML5 microdata//EN" "xhtml1-transitional-with-html5-microdata.dtd">

    ... ou, plus probablement, remplacer la DTD utilisée pour la validation par votre XML validation de l'installation.

    BTW, voici quelque chose d'intéressant, et je ne les comprennent ce que c'est utile de le savoir pour répondre à la question. - Je honnête à la pensée de Dieu qu'à l'aide de la doctypes invoquer en mode quirks lors du rendu. S'avère, à ma grande surprise, que IE8, Chrome 14, Firefox 5 et Opera 11.50 tous rendre un doctype en mode standard. Qui aurait pensé! Donc, vous pourriez, si vous voulez, télécharger vos pages XHTML sur l'internet avec la coutume doctype et les navigateurs plus récents au moins faire la bonne chose.

    Espère que cela aide quelqu'un,

    Niall

    InformationsquelleAutor Niall Douglas
  3. 1

    Valide HTML 5 exemple

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Example page</title>
</head>
<body>
    <div itemscope="" itemtype="http://schema.org/MediaObject">
        <div itemprop="video" itemscope="" itemtype="http://schema.org/VideoObject">
           <meta itemprop="name" content="Breast Augmentation Video Diary">
           <meta itemprop="duration" content="PT12M54S">
           <meta itemprop="thumbnailUrl" content="http://www.plastic-surgery-estonia.com/new-assets/images/thumbnails/breast-augmentation.jpg">
           <meta itemprop="contentURL" content="http://www.youtube.com/watch?v=BwPN6eCpxTk">
           <meta itemprop="embedURL" content="http://www.youtube.com/watch?feature=player_embedded&amp;v=BwPN6eCpxTk">
           <meta itemprop="uploadDate" content="2010-11-09">
           <iframe src="http://www.youtube.com/embed/BwPN6eCpxTk?rel=0&amp;autohide=1&amp;modestbranding=1&amp;showinfo=0"></iframe>
           <span itemprop="description">Video Diary</span>
        </div>
   </div>
</body>
</html>

    Trouvé ces liens utiles:

    - http://support.google.com/webmasters/bin/answer.py?hl=en&answer=2413309&topic=1088474&ctx=topic

    - http://www.reelseo.com/embedded-youtube-indexed-google/

    • Html5 valide, mais non valides xHtml5...
    InformationsquelleAutor Kristjan Kure
  4. 0

    Utiliser le application/ld+json type MIME et un les microdonnées générateur de transformer le balisage des données:

    HTML:

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>microdata.xhtml</title>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/>
    </head>
    <body>
      <div>
      <script type="application/ld+json">
      {"items": [{
        "type": ["https://schema.org/breadcrumb"],
        "properties":{ 
        "url": ["..."],
        "title": ["Level 1"]
        }
       }]
      }
      </script>
      </div>
    </body>
    </html>

    ou un data:uri dans une balise object:

    HTML:

        <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>microdata.xhtml</title>
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/>
    </head>
    <body>
      <div>
        <object data="data:text/html;charset=utf-8;base64,PHVsPiA8bGkgaXRlbXNjb3BlIGl0ZW10eXBlPSJodHRwOi8vZGF0YS12b2NhYnVsYXJ5Lm9yZy9CcmVhZGNydW1iIj4gICAgICAgICA8YSBocmVmPSIuLi4iIGl0ZW1wcm9wPSJ1cmwiPiAgICAgICAgICAgPHNwYW4gaXRlbXByb3A9InRpdGxlIj5MZXZlbCAxPC9zcGFuPiAgICAgICAgIDwvYT4gICAgICAgICA8L2xpPiAgICAgICA8L3VsPg==">

          <?microdata
          <ul>
            <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
             <a href="..." itemprop="url">
               <span itemprop="title">Level 1</span>
             </a>
            </li>
          </ul>
          ?>

        </object>
      
        <!--[if lt IE 8]>
        <object data="mhtml://#foo">

          <?microdata
          <ul>
            <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
             <a href="..." itemprop="url">
               <span itemprop="title">Level 1</span>
             </a>
            </li>
          </ul>
          ?>
          <div id="foo">
              PHVsPiA8bGkgaXRlbXNjb3BlIGl0ZW10eXBlPSJodHRwOi8vZGF0YS12b2NhYnVsYXJ5Lm9yZy9CcmVhZGNydW1iIj4gICAgICAgICA8YSBocmVmPSIuLi4iIGl0ZW1wcm9wPSJ1cmwiPiAgICAgICAgICAgPHNwYW4gaXRlbXByb3A9InRpdGxlIj5MZXZlbCAxPC9zcGFuPiAgICAgICAgIDwvYT4gICAgICAgICA8L2xpPiAgICAgICA8L3VsPg==
          </div>
       </object>
       <![endif]-->
      </div>
    </body>
    </html>

    Je veux que cela fonctionne tout le chemin du retour à IE6!

    Utiliser le application/xhtml+xml XSLT cale à l'appui de IE6 et de les étendre à obtenir une copie de l'annotation.

    Références

    InformationsquelleAutor
  5. -2

    essayer et valider certaines de google des pages...ils n'ont pas de valider.
    la validation est un outil, un impressionnant, mais rien de plus, bien que je ne vous félicite de votre décision. si vous êtes inquiet au sujet de la validation, je voudrais passer à HTML5 .

    • J'utilise un moteur de template que il faut XML valide (et les sorties XML sérialisé HTML5). <div itemscope> provoque une erreur si cette question n'est pas aussi inutile que votre réponse suggère.
    • ah mais la question n'était pas à propos de xml...
    • downvoters avec pas de commentaires...haters gonna hate
    • La question n'est pas de savoir si l'affiche doit utiliser le xHtml ou pas, mais plutôt de savoir si il est possible de créer xHtml valide avec les microdonnées attributs de la balise xHtml a ses utilise comme xml valide pour que la validation n'est pas seulement cosmétiques de boîte-tic-tac.
    • où dans mon post voyez-vous quelque chose sur le xhtml? je peux lire mais merci pour la lecture pour moi. et je suis un grand fan de xhtml et de validation.
    • Juste vu cela 😉 Rien de spécifique dans votre post sur le xhtml, mais vous suggérer de html et de le poster à la question précise qu'il souhaite ajouter des micro-données à un xhtml strict site (qui est donc à propos de xml aussi).
    • tellement incroyable de voir comment aucun de vous ne peut lire, mais lire pour les autres utilisateurs. il a demandé à ce qu'il devrait faire. je lui ai donné une option qui fonctionne pour moi. vous n'aimez pas cette option, c'est cool. je pourrais imprudente. il a précisément dit: "que dois-je faire". désolé pour le temps dans ma journée pour offrir des conseils qui fonctionne pour moi.
    • oh vous les trolls, j'aime la façon dont le haut de réponse ici est étoffé, la version de ma réponse: est html5, et ne vous inquiétez pas au sujet de la validation, car c'est un problème connu. aussi, je n'ai jamais dit que la question était inutile, je n'ai d'ailleurs donner une inutile de répondre. mais je vais continuer...si vous avez chic, un vestige de la période pré-html5, vous êtes le balisage est déjà (x)html5 compatible, qui est toute la raison d'utiliser chic, de sorte que votre marque est accessible et plus facile à déployer autant que possible. posh est simplement anal-rétentif strict avec votre balisage. le bon vieux html sémantique. ses vraiment de base et de bas niveau que vous pouvez obtenir.

    InformationsquelleAutor albert