CDATA

El término CDATA , que significa datos de caracteres , se usa para propósitos distintos, pero relacionados, en los lenguajes de marcado SGML y XML . El término indica que una cierta parte del documento son datos de caracteres generales , en lugar de datos sin caracteres o datos de caracteres con una estructura más específica y limitada.

Secciones CDATA en XML

En un documento XML o entidad externa, una sección CDATA es una parte del contenido del elemento que está marcado para ser interpretado literalmente, como datos textuales, no como contenido marcado. ^[1] Una sección CDATA es simplemente una sintaxis alternativa para expresar datos de caracteres; no hay diferencia semántica entre los datos de caracteres en una sección CDATA y los datos de caracteres en la sintaxis estándar donde, por ejemplo, " <" y " &" están representados por " <" y " &", respectivamente.

Sintaxis e interpretación

Una sección CDATA comienza con la siguiente secuencia:

< ! [CDATA [

y termina con la siguiente aparición de la secuencia:

]]>

Todos los caracteres encerrados entre estas dos secuencias se interpretan como caracteres, no como marcas ni referencias a entidades. Cada carácter se toma literalmente, la única excepción es la ]]>secuencia de caracteres. En:

 John Smith

las etiquetas de "remitente" inicial y final se interpretan como marcado. Sin embargo, el código:

 John Smith ]]>

es equivalente a:

& lt; remitente & gt; John Smith & lt; / sender & gt;

Por lo tanto, las "etiquetas" tendrán exactamente el mismo estado que "John Smith"; serán tratados como texto.

De manera similar, si la referencia de carácter numérico ð aparece en el contenido del elemento, se interpretará como el carácter Unicode único 00F0 (letra minúscula eth ). Pero si aparece lo mismo en una sección CDATA, se analizará como seis caracteres: ampersand, marca de almohadilla, dígito 2, dígito 4, dígito 0, punto y coma.

Usos de las secciones CDATA

Los nuevos autores de documentos XML a menudo malinterpretan el propósito de una sección CDATA, creyendo erróneamente que su propósito es "proteger" los datos para que no sean tratados como datos de carácter ordinario durante el procesamiento. Algunas API para trabajar con documentos XML ofrecen opciones para el acceso independiente a las secciones CDATA, pero tales opciones existen más allá de los requisitos normales de los sistemas de procesamiento XML y aún no cambian el significado implícito de los datos. Los datos de caracteres son datos de caracteres, independientemente de si se expresan mediante una sección CDATA o un marcado ordinario. Las secciones CDATA son útiles para escribir código XML como datos de texto dentro de un documento XML. Por ejemplo, si uno desea componer un libro con XSL explicando el uso de una aplicación XML, el marcado XML que aparecerá en el libro mismo se escribirá en el archivo fuente en una sección CDATA.

Anidamiento

Una sección CDATA no puede contener la cadena " ]]>" y, por lo tanto, no es posible que una sección CDATA contenga secciones CDATA anidadas. El método preferido para utilizar secciones CDATA para codificar texto que contiene la tríada " ]]>" es utilizar varias secciones CDATA dividiendo cada aparición de la tríada justo antes de " >". Por ejemplo, para codificar " ]]>" se escribiría:

]]>

Esto significa que para codificar " ]]>" en el medio de una sección CDATA, reemplace todas las apariciones de " ]]>" con lo siguiente:

]]]]>

Esto efectivamente detiene y reinicia la sección CDATA.

Problemas con la codificación

En los datos de texto, cualquier carácter Unicode que no esté disponible en la codificación declarada en el encabezado se puede representar mediante una &#nnn; referencia de carácter numérico . Pero el texto dentro de una sección CDATA está estrictamente limitado a los caracteres disponibles en la codificación.

Debido a esto, el uso de una sección CDATA mediante programación para citar datos que potencialmente podrían contener caracteres " &o" <puede causar problemas cuando los datos contienen caracteres que no se pueden representar en la codificación. Dependiendo de la implementación del codificador, estos caracteres se pueden perder, se pueden convertir a los caracteres de la &#nnn;</code>referencia del carácter o pueden hacer que falle la codificación. Pero no se mantendrán. Otro problema es que un documento <a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/wiki/XML" title="XML">XML</a> se puede transcodificar de una codificación a otra durante el transporte. Cuando el documento <a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/wiki/XML" title="XML">XML</a> se convierte a un conjunto de caracteres más limitado, como ASCII, los caracteres que ya no se pueden representar se convierten en <code>&#nnn;</code>referencias de caracteres para una conversión sin pérdidas. Pero dentro de una sección CDATA, estos caracteres no se pueden representar en absoluto y deben eliminarse o convertirse a algún equivalente, alterando el contenido de la sección CDATA. </section> <h2 class="section-heading collapsible-heading"> <div class="mw-ui-icon mw-ui-icon-mf-expand mw-ui-icon-element mw-ui-icon-small indicator mw-ui-icon-flush-left"></div>Uso de CDATA en la salida del programa<a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/w/index.php?title=CDATA&action=edit&section=6" title="Sección de edición: uso de CDATA en la salida del programa" data-section="6" class="mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-edit-base20 edit-page mw-ui-icon-flush-right">Editar</a></h2> <section class="mf-section-2 collapsible-block" id="content-collapsible-block-1"> Las secciones CDATA en los documentos <a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/wiki/XHTML" title="XHTML">XHTML</a> pueden ser analizadas de manera diferente por los navegadores web si representan el documento como HTML, ya que los analizadores HTML no reconocen los marcadores de inicio y finalización de CDATA, ni reconocen referencias de entidades HTML como & lt; dentro de las etiquetas <script>. Esto puede causar problemas de representación en los navegadores web y puede conducir a vulnerabilidades de <a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/wiki/Cross-site_scripting" title="Secuencias de comandos entre sitios">secuencias de comandos entre sitios</a> si se usa para mostrar datos de fuentes no confiables, ya que los dos tipos de analizador no estarán de acuerdo sobre dónde termina la sección CDATA. Dado que es útil poder usar signos menores que (<) y ampersands (&) en scripts de páginas web, y en menor medida estilos, sin tener que recordar escapar de ellos, es común usar marcadores CDATA alrededor del texto de elementos <script> y <style> en línea en documentos XHTML. Pero para que el documento también pueda ser analizado por analizadores HTML, que no reconocen los marcadores CDATA, los marcadores CDATA generalmente se comentan, como en este ejemplo de <a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/wiki/JavaScript" title="JavaScript">JavaScript</a> : <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"> <pre>< script type = "text / javascript" > // <! [CDATA [ document . escribir ( "<" ); //]]> </ script > </pre> </div> o este ejemplo de <a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/wiki/Cascading_Style_Sheets" class="mw-redirect" title="Hojas de estilo en cascada">CSS</a> : <div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"> <pre>< style type = "text / css" > / * <! [CDATA [* / body { background-image : url ( "marble.png? width = 300 & height = 300" ) } / *]]> * / </ style > </pre> </div> Esta técnica solo es necesaria cuando se utilizan scripts en línea y hojas de estilo, y es específica del idioma. Las hojas de estilo CSS, por ejemplo, solo admiten el segundo estilo de comentarios ( / * ... * / ), pero CSS también tiene menos necesidad de los caracteres <y & que JavaScript y, por lo tanto, menos necesidad de marcadores CDATA explícitos. </section> <h2 class="section-heading collapsible-heading"> <div class="mw-ui-icon mw-ui-icon-mf-expand mw-ui-icon-element mw-ui-icon-small indicator mw-ui-icon-flush-left"></div>CDATA en DTD<a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/w/index.php?title=CDATA&action=edit&section=7" title="Sección de edición: CDATA en DTD" data-section="7" class="mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-edit-base20 edit-page mw-ui-icon-flush-right">Editar</a></h2> <section class="mf-section-3 collapsible-block" id="content-collapsible-block-2"> <h3 class="in-block">Valor de atributo de tipo CDATA<a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/w/index.php?title=CDATA&action=edit&section=8" title="Sección de edición: valor de atributo de tipo CDATA" data-section="8" class="mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-edit-base20 edit-page mw-ui-icon-flush-right">Editar</a></h3> En archivos de <a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/wiki/Document_Type_Definition" class="mw-redirect" title="Definición del tipo de documento">definición de tipo de documento</a> (DTD) para SGML y XML, un valor de atributo puede designarse como de tipo CDATA: datos de caracteres arbitrarios. Dentro de un atributo de tipo CDATA, se permite el marcado de referencia de carácter y entidad y se procesará cuando se lea el documento. Por ejemplo, si una DTD XML contiene <div class="mw-highlight mw-highlight-lang-dtd mw-content-ltr" dir="ltr"> <pre><! ATTLIST foo a CDATA #IMPLIED > </pre> </div> significa que los elementos denominados foo pueden tener opcionalmente un atributo denominado " a " que es de tipo CDATA. En un documento XML válido según esta DTD, podría aparecer un elemento como este: <div class="mw-highlight mw-highlight-lang-xml mw-content-ltr" dir="ltr"> <pre><foo a = "1 y 2 son & lt; & # 51; & # x0A;" /> </pre> </div> y un analizador XML interpretaría el valor del atributo " a " como los datos de carácter " 1 y 2 son <3 ". <h3 class="in-block">Entidad de tipo CDATA<a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/w/index.php?title=CDATA&action=edit&section=9" title="Sección de edición: entidad de tipo CDATA" data-section="9" class="mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-edit-base20 edit-page mw-ui-icon-flush-right">Editar</a></h3> Una DTD SGML o XML también puede incluir declaraciones de entidad en las que se usa el token CDATA para indicar que la entidad consta de datos de caracteres. Los datos de caracteres pueden aparecer dentro de la propia declaración o pueden estar disponibles externamente, referenciados por un <a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/wiki/Uniform_Resource_Identifier" title="Identificador uniforme de recursos">URI</a> . En cualquier caso, la referencia de carácter y el marcado de referencia de entidad de parámetro están permitidos en la entidad y se procesarán como tales cuando se lea. <div class="mw-highlight mw-highlight-lang-xml mw-content-ltr" dir="ltr"> <pre><DISPLAY_NAME Attribute = "Y" > <! [CDATA [PFTEST0__COUNTER_6 __: 4: 199 :, PFTEST0__COUNTER_7 __: 4: 199:]]> </DISPLAY_NAME> <SVLOBJECT> <LONG name = "" val = "" INTEGER name = "" val = "" LONG name = "" val = "" /> </SVLOBJECT> </pre> </div> </section> <h2 class="section-heading collapsible-heading"> <div class="mw-ui-icon mw-ui-icon-mf-expand mw-ui-icon-element mw-ui-icon-small indicator mw-ui-icon-flush-left"></div>Ver también<a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/w/index.php?title=CDATA&action=edit&section=10" title="Sección de edición: ver también" data-section="10" class="mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-edit-base20 edit-page mw-ui-icon-flush-right">Editar</a></h2> <section class="mf-section-4 collapsible-block" id="content-collapsible-block-3"> <ul> <li><a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/wiki/PCDATA" title="PCDATA">PCDATA</a></li> </ul> </section> <h2 class="section-heading collapsible-heading"> <div class="mw-ui-icon mw-ui-icon-mf-expand mw-ui-icon-element mw-ui-icon-small indicator mw-ui-icon-flush-left"></div>Referencias<a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/w/index.php?title=CDATA&action=edit&section=11" title="Sección de edición: referencias" data-section="11" class="mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-edit-base20 edit-page mw-ui-icon-flush-right">Editar</a></h2> <section class="mf-section-5 collapsible-block" id="content-collapsible-block-4"> <style data-mw-deduplicate="TemplateStyles:r1011085734">.mw-parser-output .reflist{font-size:90%;margin-bottom:0.5em;list-style-type:decimal}.mw-parser-output .reflist .references{font-size:100%;margin-bottom:0;list-style-type:inherit}.mw-parser-output .reflist-columns-2{column-width:30em}.mw-parser-output .reflist-columns-3{column-width:25em}.mw-parser-output .reflist-columns{margin-top:0.3em}.mw-parser-output .reflist-columns ol{margin-top:0}.mw-parser-output .reflist-columns li{page-break-inside:avoid;break-inside:avoid-column}.mw-parser-output .reflist-upper-alpha{list-style-type:upper-alpha}.mw-parser-output .reflist-upper-roman{list-style-type:upper-roman}.mw-parser-output .reflist-lower-alpha{list-style-type:lower-alpha}.mw-parser-output .reflist-lower-greek{list-style-type:lower-greek}.mw-parser-output .reflist-lower-roman{list-style-type:lower-roman}</style> <div class="reflist"> <div class="mw-references-wrap"> <ol class="references"> <li id="cite_note-1"><a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/wiki/CDATA#cite_ref-1">^</a> <a rel="nofollow" class="external text" href="https://translate.google.com/website?sl=en&tl=es&u=https://www.w3.org/TR/REC-xml/%23sec-cdata-sect"> Secciones CDATA</a> </li> </ol> </div> </div> </section> <h2 class="section-heading collapsible-heading"> <div class="mw-ui-icon mw-ui-icon-mf-expand mw-ui-icon-element mw-ui-icon-small indicator mw-ui-icon-flush-left"></div>enlaces externos<a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/w/index.php?title=CDATA&action=edit&section=12" title="Sección de edición: enlaces externos" data-section="12" class="mw-ui-icon mw-ui-icon-element mw-ui-icon-wikimedia-edit-base20 edit-page mw-ui-icon-flush-right">Editar</a></h2> <section class="mf-section-6 collapsible-block" id="content-collapsible-block-5"> <ul> <li><a rel="nofollow" class="external text" href="https://translate.google.com/website?sl=en&tl=es&u=http://www.flightlab.com/~joe/sgml/cdata.html">Confusión CDATA</a></li> <li><a rel="nofollow" class="external text" href="https://translate.google.com/website?sl=en&tl=es&u=http://www.w3.org/TR/REC-xml/%23syntax">Marcado y datos de caracteres (en XML)</a></li> </ul>    </section> </div> <noscript> <img src="//en.wikipedia.org/wiki/Special:CentralAutoLogin/start?type=1x1&mobile=1" alt="" title="" width="1" height="1" style="border: none; position: absolute;"> </noscript> </div> <div class="printfooter"> Obtenido de " <a dir="ltr" href="https://translate.google.com/website?sl=en&tl=es&u=https://en.wikipedia.org/w/index.php?title%3DCDATA%26oldid%3D1010130060">https://en.wikipedia.org/w/index.php?title=CDATA&oldid=1010130060</a> " </div> </div> <div class="post-content" id="page-secondary-actions"> </div> </main> <footer class="mw-footer minerva-footer" role="contentinfo"> <div class="last-modified-bar"> <div class="post-content last-modified-bar__content"> <a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/wiki/Special:History/CDATA">Última edición hace 4 meses</a> por <a href="/wiki/User:185.180.51.45">185.180.51.45</a> </div> </div> <div class="post-content footer-content"> <div id="mw-data-after-content"> <div class="read-more-container"></div> </div> <h2><img src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg" width="119" height="18"> </h2> <div class="license"> El contenido está disponible bajo <a class="external" rel="nofollow" href="https://translate.google.com/website?sl=en&tl=es&u=https://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0 a</a> menos que se indique lo contrario. </div> <ul id="footer-info" class="footer-info hlist hlist-separated"> <li id="footer-info-lastmod">Esta página fue editada por última vez el 3 de marzo de 2021, a las 23:17  (UTC) .</li> <li id="footer-info-copyright">El texto está disponible bajo la <a rel="license" href="https://translate.google.com/website?sl=en&tl=es&u=https://en.wikipedia.org/wiki/Wikipedia:Text_of_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License">licencia Creative Commons Attribution-ShareAlike</a><a rel="license" href="https://translate.google.com/website?sl=en&tl=es&u=https://creativecommons.org/licenses/by-sa/3.0/" style="display:none;"></a>; se pueden aplicar términos adicionales. Al utilizar este sitio, acepta los <a href="https://translate.google.com/website?sl=en&tl=es&u=https://foundation.wikimedia.org/wiki/Terms_of_Use">Términos de uso</a> y <a href="https://translate.google.com/website?sl=en&tl=es&u=https://foundation.wikimedia.org/wiki/Privacy_policy">la Política de privacidad</a> . Wikipedia® es una marca registrada de <a href="https://translate.google.com/website?sl=en&tl=es&u=https://www.wikimediafoundation.org/">Wikimedia Foundation, Inc.</a> , una organización sin fines de lucro.</li> </ul> <ul id="footer-places" class="footer-places hlist hlist-separated"> <li id="footer-places-privacy"><a href="https://translate.google.com/website?sl=en&tl=es&u=https://foundation.wikimedia.org/wiki/Privacy_policy" class="extiw" title="wmf: política de privacidad">Política de privacidad</a></li> <li id="footer-places-about"><a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/wiki/Wikipedia:About" title="Wikipedia: Acerca de">Acerca de Wikipedia</a></li> <li id="footer-places-disclaimer"><a href="https://rhttcpm2ck3l4tngok6a7qatmq--en-m-wikipedia-org.translate.goog/wiki/Wikipedia:General_disclaimer" title="Wikipedia: descargo de responsabilidad general">Descargos de responsabilidad</a></li> <li id="footer-places-contact"><a href="https://translate.google.com/website?sl=en&tl=es&u=https://en.wikipedia.org/wiki/Wikipedia:Contact_us">Contactar Wikipedia</a></li> <li id="footer-places-terms-use"><a href="https://translate.google.com/website?sl=en&tl=es&u=https://m.wikimediafoundation.org/wiki/Terms_of_Use">Condiciones de uso</a></li> <li id="footer-places-developers"><a href="https://translate.google.com/website?sl=en&tl=es&u=https://www.mediawiki.org/wiki/Special:MyLanguage/How_to_contribute">Desarrolladores</a></li> <li id="footer-places-statslink"><a href="https://translate.google.com/website?sl=en&tl=es&u=https://stats.wikimedia.org/%23/en.wikipedia.org">Estadísticas</a></li> <li id="footer-places-cookiestatement"><a href="https://translate.google.com/website?sl=en&tl=es&u=https://foundation.wikimedia.org/wiki/Cookie_statement">Declaración de cookies</a></li> </ul> </div> </footer> </div> </div> <div class="mw-notification-area" data-mw="interface"></div>  <script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgPageParseReport":{"limitreport":{"cputime":"0.153","walltime":"0.215","ppvisitednodes":{"value":283,"limit":1000000},"postexpandincludesize":{"value":8361,"limit":2097152},"templateargumentsize":{"value":88,"limit":2097152},"expansiondepth":{"value":8,"limit":40},"expensivefunctioncount":{"value":1,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":5969,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 185.311 1 -total"," 67.83% 125.696 1 Template:Unreferenced_article"," 51.59% 95.604 1 Template:Ambox"," 24.67% 45.724 1 Template:Reflist"," 22.73% 42.126 1 Template:Find_sources_mainspace"," 2.30% 4.258 1 Template:Main_other"," 1.61% 2.975 1 Template:Nowrap"]},"scribunto":{"limitreport-timeusage":{"value":"0.055","limit":"10.000"},"limitreport-memusage":{"value":1499130,"limit":52428800}},"cachereport":{"origin":"mw1370","timestamp":"20210607001435","ttl":1814400,"transientcontent":false}}});});</script> <script>(window.NORLQ=window.NORLQ||[]).push(function(){var ns,i,p,img;ns=document.getElementsByTagName('noscript');for(i=0;i<ns.length;i++){p=ns[i].nextSibling;if(p&&p.className&&p.className.indexOf('lazy-image-placeholder')>-1){img=document.createElement('img');img.setAttribute('src',p.getAttribute('data-src'));img.setAttribute('width',p.getAttribute('data-width'));img.setAttribute('height',p.getAttribute('data-height'));img.setAttribute('alt',p.getAttribute('data-alt'));p.parentNode.replaceChild(img,p);}}});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"CDATA","url":"https:\/\/en.wikipedia.org\/wiki\/CDATA","sameAs":"http:\/\/www.wikidata.org\/entity\/Q357626","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q357626","author":{"@type":"Organization","name":"Contributors to Wikimedia projects"},"publisher":{"@type":"Organization","name":"Wikimedia Foundation, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2004-10-06T22:47:17Z","dateModified":"2021-03-03T23:17:08Z","headline":"term used for XML"}</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgBackendResponseTime":133,"wgHostname":"mw1405"});});</script> <script>function gtElInit() {var lib = new google.translate.TranslateService();lib.translatePage('en', 'es', function () {});}</script> <script src="https://translate.google.com/translate_a/element.js?cb=gtElInit&client=wt&hl=en-US" type="text/javascript"></script><div id="goog-gt-tt" class="skiptranslate" dir="ltr"><div style="padding: 8px;"><div><div class="logo"><img src="https://www.gstatic.com/images/branding/product/1x/translate_24dp.png" width="20" height="20" alt="Google Translate"></div></div></div><div class="top" style="padding: 8px; float: left; width: 100%;"><h1 class="title gray">Original text</h1></div><div class="middle" style="padding: 8px;"><div class="original-text"></div></div><div class="bottom" style="padding: 8px;"><div class="activity-links">Contribute a better translation</div><div class="started-activity-container"><hr style="color: #CCC; background-color: #CCC; height: 1px; border: none;"><div class="activity-root"></div></div></div><div class="status-message" style="display: none;"></div></div> <div class="goog-te-spinner-pos"><div class="goog-te-spinner-animation"><svg xmlns="http://www.w3.org/2000/svg" class="goog-te-spinner" width="96px" height="96px" viewBox="0 0 66 66"><circle class="goog-te-spinner-path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle></svg></div></div><div class="mw-overlays-container"></div></body></html>

[1]