Bouton Google +1, pas conforme aux normes W3C
J'ai donc joué avec Google +1 bouton d'essayer de la mettre sur mon site web, mais il n'est pas conforme aux normes 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>
Personne ne sait pourquoi cela arrive et comment le rendre compatible? Grâce
EDIT: Pour obtenir cela passe par la validation, j'ai écrit un article sur mon site web.
- Le
{lang: 'en-GB'}
partie un peu bizarre pour moi. D'abord parce que la même balise de script se charge à partir desrc
, donc je ne pense pas qu'il devrait y avoir plus de code. Deuxièmement, l'objet littéral n'est pas affecté à quoi que ce soit, quel est donc le point de lui? - alors que le navigateur va ignorer le contenu de l'élément SCRIPT si l'attribut SRC est fourni, un script auteur peut encore écrire du code qui récupère le contenu de l'élément SCRIPT (c'est à dire, la
{lang: 'en-GB'}
partie ci-dessus) et d'agir sur elle. C'est une pratique modèle pour le regroupement d'un JS littéral d'objet qu'un script peut utiliser comme paramètres ou de configuration, etc. Juste pour info ... - Merci, qu'intéressante, n'est-ce pas réalisé qu'
Vous devez vous connecter pour publier un commentaire.
Parce que Google l'a conçu pour l'utilisation de la balise de la soupe au lieu de HTML
La la documentation alternatives de balisage qui est valide en vertu du projet de spécification HTML 5:
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 de balises valides)
Insérer ce code dans l'en-tête:
Puis insérez ce code où vous souhaitez que le bouton:
La réponse complète peut être trouvée ici (en français)
Je devine que vous êtes en train de valider le XHTML. Le plus proche que vous allez venir est de réussir la validation est par définition le "g" de l'espace de noms sur votre élément en ajoutant ceci:
c'est à dire,
La manière la plus simple de Google Plus Un code pour valider:
Juste mettre:
Au lieu de:
Inconvénients: vous ne pouvez pas ajouter des paramètres tels que le "comte" ou "taille", ou le code ne sera plus valable.
C'est Google code proposé pour le HTML5, mais les autres (X)HTML saveurs.
En HTML5, vous POUVEZ ajouter des paramètres tels que le "data-count', les données de taille", etc.
Garder le code avant de fermer la balise body, et remplacer:
par :
Comme d'habitude, il fait le tour...
Essayez ceci:
http://james-ingham.co.uk/posts?p=google-plusone-w3c-valid
sa juste simple
Utiliser la commande suivante à l'intérieur d'une balise div qui vous pouvez configurer pour la placer où vous voulez dans votre page et c'est valable.
Je suis à l'aide de Notre site Web http://www.armaven.com. Check it out. Si vous le souhaitez.
L'autre sens peut être pour Personnaliser DTD comme je l'ai fait. J'ai téléchargé le xhtml1-strict.dtd
Trouverez ci-définition de l'entité dans le fichier dtd
Et l'éditer pour être comme suit (Cela va aider à résoudre le contexte de la validation c'est à dire où cette balise doit apparaître)
Maintenant de définir de nouvelles élément
Et puis la liste des attributs
C'est la solution, je suis venu avec...
Assurez-vous d'avoir
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
ou un autre lien pour le script jquery dans votre en-tête de!La solution que j'ai mis en place est déjà présent dans ce fil, et il a été posté par Gilbou mais je dois ajouter que
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
n'est pas obligatoire d'être placé dans l'en-tête.
<div id="plusone-div" class="plusone"></div>
<script type="text/javascript">
gapi.plusone.render('plusone-div',{"size": "medium", "count": "true", "href": "http://www.YOURSITE.com/"});
</script>
Placez le code ci-dessus où vous souhaitez que le bouton +1, mais assurez-vous de remplacer
http://www.YOURSITE.com/
avec le lien de la page +1.Si vous souhaitez ajouter d'autres paramètres à l'gabi.plusone.rendre le contrôle de fonction https://developers.google.com/+/plugins/+1button/#plusonetag-paramètres et de voir si elle est conforme aux normes W3C aller à http://validator.w3.org/. Bonne chance!
Après Quentin de la réponse, vous pouvez ajouter un compatible W3C
href
attribut à l'aide dedata-href
: