Nombre del elemento gcse: cuadro de búsqueda de sólo no puede ser representado como XML 1.0

Question

estoy recibiendo el siguiente error en el validador W3,

Line 62, Column 140: Element name gcse:searchbox-only cannot be represented as XML 1.0. 

estoy usando Google barra de búsqueda dentro de página web que se añade por este código,

<gcse:searchbox-only></gcse:searchbox-only> 

Por favor, ayuda a evitar este error. Gracias

Answer 1

Michael [tm] Smith, el tipo que se ocupa del validador de HTML del W3C says here:

¡No es un error, es una advertencia. Y se emite porque el contenido se sirve como HTML en lugar de con un tipo XML MIME, y los analizadores HTML no saben nada sobre espacios de nombres, para ponerlo en términos XML , cada nombre de elemento es un nombre local - y así en HTML, el nombre literal de ese elemento es "g: plusone". Y ese nombre no puede ser representado en XML porque XML no permite dos puntos en los nombres locales . Entonces, el espíritu de la advertencia es decir, en caso de que alguna vez desee servir este contenido como XML en lugar de HTML, tiene un nombre de elemento que no está permitido en XML.

Habla del elemento g:plusone pero es el mismo problema.

Pero discrepo ligeramente. Los puntos son válidos en los nombres locales de elementos en XML 1.0. Solo están prohibidos en XML 1.0 + namespaces, por lo que el mensaje de advertencia definitivamente podría mejorarse.

ACTUALIZACIÓN: He ofrecido anteriormente una solución basada en document.write, pero como señala Jan M en los comentarios, IE tiene sus propias ideas sobre qué hacer con los elementos con dos puntos en los nombres de las etiquetas, por lo que no no trabajas allí En cambio, recomiendo seguir la respuesta de Jan.

Answer 2

que consideran que esta respuesta oculta en los documentos de Google:

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

etiquetas div HTML5 válidos

Puede utilizar etiquetas div HTML5 válidos, siempre y cuando siga las directrices siguientes:

• El atributo de clase debe establecerse en gcse-XXX
• Cualquier atributo debe ir precedido de datos-.

Por ejemplo:

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

Answer 3

Siempre se puede utilizar en lugar de <div class="gcse-search"></div><gcse:search></gcse:search>, entonces el error desaparecerá del validador del W3C.

Answer 4

solución es muy simple, no utilizar directamente la etiqueta de búsqueda Google en la página html. Simplemente coloque un código de javascript simple para insertar etiqueta de búsqueda de google en html por innerhtml de javascript opción.

Aquí está el ejemplo:

<div id="gsearch"></div> 

<script> 
    var gcseDiv = document.getElementById('gsearch'); 
    gcseDiv.innerHTML = '<gcse:search></gcse:search>' 
</script> 

Después de esta línea se puede escribir o pegar el código de búsqueda Google que será igual que abajo

 <script> 
     (function() { 
       var cx = 'xxxxxxxxxxxxxxxxxxxxxxxxx:xxxxxxxxx'; 
       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> 

Sugerencia: Sólo hay que poner el div por encima de y ambas secuencias de comandos en una div solo padre y administrar css para padres Div solamente.

Answer 5

Tal vez esto es demasiado simple, pero he trabajado en torno al problema, con solo colocar este en el interior y al final de la javascript:

document.write('<gcse:search><\/gcse:search>'); 

y se retira

Funciona en IE , Chrome, Firefox y Safari y valida.

Answer 6

Use el siguiente código si sólo desea visualizar el cuadro de búsqueda (sin el resultsbox) usando un DIV:

<div class="gcse-searchbox-only"></div>