Google Searchbox не проверяется как HTML5

Question

Я добавил поисковый запрос Google на мой сайт HTML5. Когда я перехожу к валидатору W3C, я получаю сообщение об ошибке: element gcse: search не разрешен как дочерний элемент div div в этом контексте. Я был проинструктирован Google о том, чтобы поместить скрипт в div и не может заставить поисковик работать без него. Может ли кто-нибудь помочь вообще? Я думаю, что это проблема, которая должна возникать все время. Мой код ниже. Большое спасибо!

<div id="searchbox">  
    <script> 
     (function() {  
      var cx = '014531685129972083622:vk5kxnojpx0';  
      var gcse = document.createElement('script');  
      gcse.type = 'text/javascript';  
      gcse.async = true;  
      gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; 

      var s = document.getElementsByTagName('script')[0]; 

      s.parentNode.insertBefore(gcse, s); 

     })(); 

    </script>  
    <gcse:search> </gcse:search>  
</div> 

Answer 1

I imagine it is a problem which must arise all the time

Может ли это быть причиной, может быть, они покрыли это в их официальной документации ...?

https://developers.google.com/custom-search/docs/element#html5:

HTML5-valid div tags

You can use HTML5-valid div tags as long as you observe these guidelines:

• The class attribute must be set to gcse-XXX
• Any attributes must be prefixed with data- .

For example:

<div class="gcse-searchbox" data-resultsUrl="http://www.example.com" data-newWindow="true" data-queryParameterName="search" >