Как да оправя W3C Валидатора na facebook box

AAtanasov

Registered
Здравейте имам facebook box и W3C Валидатора приема за грешка.

there is no attribute "data-width"
there is no attribute "data-show-faces"
there is no attribute "data-border-color"
there is no attribute "stream"
there is no attribute "data-header"

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">





    <div id="fb-root"></div>
    <script type="text/javascript">(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like-box" data-href="linkkk" data-width="299" data-show-faces="true" data-border-color="58800" stream="false" data-header="true"></div>

Имали начин да се оправи, така че валидатора да не ги приема за грешки.
 
Вместо:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Да напиша само:
<!DOCTYPE HTML> ?
 
Вади други грешки, защото моя html код е за xhtml стандарта. И това за HTML 5 не ме устройва. Друг вариант имали ?
 
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">





    <div id="fb-root"></div>
<script type="text/javascript">
document.write('<div class="fb-like-box" data-href="linkkk" data-width="299" data-show-faces="true" data-border-color="58800" stream="false" data-header="true"><\/div>');
</script>
    <script type="text/javascript">(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 
Същата работа, даже още една излезе

document type does not allow element "div" here

…es="true" data-border-color="58800" stream="false" data-header="true"></div>');

jooorooo каза:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">





    <div id="fb-root"></div>
<script type="text/javascript">
document.write('<div class="fb-like-box" data-href="linkkk" data-width="299" data-show-faces="true" data-border-color="58800" stream="false" data-header="true"><\/div>');
</script>
    <script type="text/javascript">(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 
Аз се мъчих доста време ама решение не намерих.. Мисля, че може да се оправи само под HTML 5 ;(
 
t0shk0 каза:
Аз се мъчих доста време ама решение не намерих.. Мисля, че може да се оправи само под HTML 5 ;(

Значи, ще го махна този бокс. А другото Харесва ми и то ли е същата работа.
 
Можеш да използваш хитринката от моята тема ако наистина няма друг начин за валидиране. :)

http://web-tourist.net/forum/viewtopic.php?p=601533#601533
 
webdeveloper каза:
Можеш да използваш хитринката от моята тема ако наистина няма друг начин за валидиране. :)

http://web-tourist.net/forum/viewtopic.php?p=601533#601533

Добра идея, ама е малко извратено :) Направо ще махна бокса.
 

Back
Горе