ソーシャル共有ボタンはXHTMLを無効にします

Question

私は有効なXHTML 1.0 Transitionalコードを書いています。ソーシャル共有ボタン（twitter、facebook、google +）を追加したいが、これらのボタンはすべて自分のコードを無効にする。解決策はありますか？

Answer 1

有効性はルールではなく、ガイドラインです。物事を有効にしたり無効にしたりしても、それほど大きな違いはありません。

有効で、ブラウザで改行が正しく表示された場合は、妥当性検査を行うかどうかにかかわらず、問題ではありません。

Answer 2

有効なhtmlが重要かどうかについてのこの記事に関する多くの記事。大多数はそうではないと言い、私は彼らに完全に同意しないつもりです。私は、コードを検証し、（可能な限り）インデントを形成するように試みるだけで、Googleのフロントページまでサイトを持ち込んだ。しかし、私が同意する以上に私には同意しないと言っている。

私がソーシャルメディアのボタンを使用したとき、私はそれを確認するものを見つけました。私は "共有"システムを使用し、各スパンの 'displayText'属性を削除しました。つまり、アイコンをホバーしたときの代替テキスト（ツールチップ）は表示されません。しかし、もし誰かがソーシャルメディアのアカウントを持っていれば、彼らはいつもアイコンを認識するだろう。 http://sharethis.com/

だから彼らが使用することを言うのコードは次のとおりです。

<span class='st_stumbleupon_large' displayText='StumbleUpon'></span> 
    <span class='st_digg_large' displayText='Digg'></span> 
    <span class='st_pinterest_large' displayText='Pinterest'></span> 
    <span class='st_facebook_large' displayText='Facebook'></span> 
    <span class='st_twitter_large' displayText='Tweet'></span> 
    <span class='st_sharethis_large' displayText='ShareThis'></span> 
    <span class='st_email_large' displayText='Email'></span> 

と私はそれを変更：

<span class='st_stumbleupon_large'></span> 
    <span class='st_digg_large'></span> 
    <span class='st_pinterest_large'></span> 
    <span class='st_facebook_large'></span> 
    <span class='st_twitter_large'></span> 
    <span class='st_sharethis_large'></span> 
    <span class='st_email_large'></span> 

、今だけでなく（HTML5のために働く必要があります）のXHTMLに検証します。