Le bouton Google +1 n'est pas conforme au W3C

Question

Le bouton Google +1 n'est pas conforme au W3C

Demandé el 2 de Juin, 2011: Quand la question a-t-elle été
21307 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

J'ai donc joué avec le bouton +1 de Google pour essayer de l'obtenir sur mon site Web, mais ce n'est pas conforme au W3C.

Voici le code:

 <!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
  {lang: 'en-GB'}
</script>

<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium" href="http://www.example.org"></g:plusone>

Est-ce que quelqu'un sait pourquoi cela se produit et comment le rendre conforme? Merci

EDIT: Pour que cela passe par la validation, j'ai écrit un article sur mon site web .

Demandé el 2 de Juin, 2011 par ing0

Answer 1

5 Réponses

Answer 2

24voto

Quentin Points 325526

Personne ne sait pourquoi cela se produit?

Parce que Google a conçu pour l'utilisation de la balise de la soupe au lieu de HTML

Comment le rendre compatible?

La documentation a alternative balisage qui est valide en vertu du projet de spécification HTML 5:
<div class="g-plusone" data-size="standard" data-count="true"></div>
Si vous voulez qu'il fonctionne avec le HTML 4.x ou XHTML 1.x, alors vous pouvez être hors de la chance (bien que vous pourriez être en mesure d'ajouter la non-conformité du balisage à l'aide de JS, mais ce serait juste un hack pour le cacher de la validation et pas du tout dans l'esprit d'un balisage valide)

Répondu el 2 de Juin, 2011 par Quentin (325526 Points )

Answer 3

11voto

Gilbou Points 1343

Insérer ce code dans l'en-tête:

 <script type="text/javascript" src="https://apis.google.com/js/plusone.js">
      {lang:'en', parsetags:'explicit'}
</script>

Puis insérez ce code là où vous voulez le bouton:

 <div id="plusone-div" class="plusone"></div>

<script type="text/javascript">
      gapi.plusone.render('plusone-div',{"size": "small", "count": "true"});
</script>

La réponse complète peut être trouvée ici

Répondu el 23 de Juin, 2011 par Gilbou (1343 Points )

Answer 4

9voto

dossy Points 677

J'imagine que vous essayez de valider XHTML. La validation la plus proche est de définir l’espace de noms "g" sur votre élément en ajoutant ceci:

 xmlns:g="http://base.google.com/ns/1.0"

c'est à dire,

 <html xmlns:g="http://base.google.com/ns/1.0"> ... </html>

Répondu el 2 de Juin, 2011 par dossy (677 Points )

Answer 5

6voto

Ricardo de la Vega Points 61

Le moyen le plus simple de valider le code Google Plus One à valider est le suivant:

 <div class="g-plusone"></div>

Au lieu de:

 <g:plusone size="medium" href="http://www.example.org"></g:plusone>

Inconvénients : vous ne pouvez pas ajouter de paramètres tels que «nombre» ou «taille», sinon le code ne sera plus valide.

Il s'agit du code proposé par Google pour HTML5, mais qui fonctionnera pour d'autres variantes HTML (X). En HTML5, vous POUVEZ ajouter des paramètres tels que "nombre de données", "taille de données", etc.

Répondu el 12 de Juin, 2011 par Ricardo de la Vega (61 Points )

Answer 6

2voto

Xavier Points 21

Essaye ça:

 <div class="g-plusone" data-size="standard" data-count="true"></div>

Répondu el 19 de Juin, 2011 par Xavier (21 Points )

Le bouton Google +1 n'est pas conforme au W3C

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Le bouton Google +1 n'est pas conforme au W3C

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: