Zwar werden von sozialen Netzwerken immer eine Vielzahl an verschiedenen Codes zur Einbindung ihrer Buttons bereitgestellt, diese sind jedoch normalerweise nicht XHTML-valide.
Mit etwas Trickserei ist es jedoch möglich, sie XHTML-valide zu bekommen.
Im Fall des +1-Button für das Netzwerk Google+ ist zwar die Standardversion des Buttons XHTML-valide, allerdings nur, solange man keine eigenen Einstellungen vornimmt. Sobald man aber z.B. die Größe des Buttons ändern will, ist er nicht mehr valide.
Zwar gibt es in der Dokumentation auch die Möglichkeit, mit einer Klasse zu arbeiten, was jedoch auch nur in der Standardversion valide ist. Sobald Parameter wie data-size hinzukommen, ist es nur noch HTML5-valide, XHTML jedoch erlaubt solche Parameter nicht.
Nun zur Trickserei:
Dafür muss zuerst einmal folgender Code in den <head>-Bereich der Webseite eingefügt werden:
An der Stelle im Quellcode, an dem dann der Button erscheinen soll, genügt folgender Code:
Alles anzeigen
Hier kann man dann auch noch die einzelnen Parameter angeben, wie sie in der Dokumentation beschrieben sind. Wichtig ist, dass man dem <div> nicht die Klasse g-plusone gibt, da sonst die Standardfunktionen geladen werden, welche die eigenen Einstellungen unwirksam machen.
Mit etwas Trickserei ist es jedoch möglich, sie XHTML-valide zu bekommen.
Im Fall des +1-Button für das Netzwerk Google+ ist zwar die Standardversion des Buttons XHTML-valide, allerdings nur, solange man keine eigenen Einstellungen vornimmt. Sobald man aber z.B. die Größe des Buttons ändern will, ist er nicht mehr valide.
Zwar gibt es in der Dokumentation auch die Möglichkeit, mit einer Klasse zu arbeiten, was jedoch auch nur in der Standardversion valide ist. Sobald Parameter wie data-size hinzukommen, ist es nur noch HTML5-valide, XHTML jedoch erlaubt solche Parameter nicht.
Nun zur Trickserei:
Dafür muss zuerst einmal folgender Code in den <head>-Bereich der Webseite eingefügt werden:
HTML-Quellcode
407 mal gelesen