¿Realmente necesito codificar ‘&’ como ‘& amp;’?

Estoy usando un símbolo ‘ & ‘ con HTML5 y UTF-8 en el </code> mi sitio. Google muestra el ampersand fine en sus SERPs, al igual que todos los navegadores en sus títulos. </p> <p> http://validator.w3.org me está dando esto: </p> <blockquote> <p> & no comenzó una referencia <a href="https://html.dokry.com/html/de" title="Topics of de" target="_blank">de</a> personaje. (y probablemente debería haberse escapado como <code>&</code> ) </p> </blockquote> <p> ¿Realmente necesito hacer <code>&</code> ? </p> <p> No me preocupa que mis páginas validen por el mero hecho de validar, pero tengo curiosidad por escuchar las opiniones de las personas sobre esto y si es importante y por qué. </p> <div><ul><li><a class="text-dark" href="https://html.dokry.com/36687" rel="bookmark" class="text-dark" title="Establecer metaetiqueta de charset con JavaScript">Establecer metaetiqueta de charset con JavaScript</a></li><li><a class="text-dark" href="https://html.dokry.com/22845" rel="bookmark" class="text-dark" title="¿Cómo manejar con idiomas extranjeros?">¿Cómo manejar con idiomas extranjeros?</a></li><li><a class="text-dark" href="https://html.dokry.com/2603" rel="bookmark" class="text-dark" title="Diferencia entre Url Encode y encoding HTML">Diferencia entre Url Encode y encoding HTML</a></li><li><a class="text-dark" href="https://html.dokry.com/25988" rel="bookmark" class="text-dark" title="Agregar contador a formulario HTML y calcular créditos">Agregar contador a formulario HTML y calcular créditos</a></li><li><a class="text-dark" href="https://html.dokry.com/4952" rel="bookmark" class="text-dark" title="Charset = utf8 no funciona en mi página PHP">Charset = utf8 no funciona en mi página PHP</a></li></ul></div> <div id='dokry-v2' data-width='728' data-height='90'> <script>window.vdo_ai_banner_ = window.vdo_ai_banner_ || {}; (vdo_ai_banner_.que = window.vdo_ai_banner_.que || []).push({ tagName: 'dokry-v2', size: {width: 728, height: 90} })</script> </div> <div class="list-group list-group-flush"> <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> Sí. Tal como decía el error, en HTML, los atributos son #PCDATA, lo que significa que están analizados. Esto significa que puede usar entidades de caracteres en los atributos. El uso de <code>&</code> por sí mismo es incorrecto y si no fuera por navegadores indulgentes y el hecho de que esto es HTML no XHTML, rompería el análisis sintáctico. Solo escapéalo como <code>&</code> y todo estaría bien. </p> <p> HTML5 le permite dejarlo sin guardar, pero solo cuando los datos que siguen no se parecen a una referencia de caracteres válida. Sin embargo, es mejor escapar de todas las instancias de este símbolo que preocuparse por cuáles deberían ser y cuáles no. </p> <p> Mantenga este punto en mente; si no está escapando & & amp ;, es lo suficientemente malo para los datos que crea (donde el código podría no ser válido), es posible que tampoco esté escapando los delimitadores de tags, que es un gran problema para los datos enviados por el usuario, que bien podría conducir a la inyección de HTML y script, robo de cookies y otros exploits. </p> <p> Por favor, solo escapa de tu código. Le ahorrará muchos problemas en el futuro. </p> </div> </li><!-- #comment-## --> <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> Dejando a un lado la validación, sigue siendo cierto que la encoding de ciertos caracteres es importante para un documento HTML, por lo que puede representarse de forma correcta y segura como una página web. </p> <p> Codificación <code>&</code> como <code>&</code> bajo todas las circunstancias, para mí, es una regla más fácil de vivir, reduciendo la probabilidad de errores y fallas. </p> <p> Compare lo siguiente: ¿cuál es más fácil? ¿ <strong>Cuál</strong> es más fácil <strong>de molestar</strong> ? </p> <h2> Metodología 1 </h2> <ol> <li> Escribe un contenido que incluya caracteres y signos. </li> <li> Codifícalos todos. </li> </ol> <h2> Metodología 2 </h2> <p> (con un grano de sal, por favor;)) </p> <ol> <li> Escriba un contenido que incluya un ampersand caracteres. </li> <li> En una base de caso por caso, mira cada uno de ellos. Determine si: <ul> <li> Está aislado, y como tal, sin ambigüedades, un signo comercial. p.ej. <code>volt & amp</code> <br /> > En ese caso, no te molestes en codificarlo. </li> <li> No está aislado, pero sientes que no es ambiguo, ya que la entidad resultante no existe y nunca existirá, ya que la lista de entidades nunca podría evolucionar. por ejemplo <code>amp&volt</code> <br /> > En ese caso, no te molestes en codificarlo. </li> <li> No es aislado y ambiguo. p.ej. <code>volt&amp</code> <br /> > Codifícalo. </li> </ul> </li> </ol> <p> ?? </p> </div> </li><!-- #comment-## --> <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> Investigué esto a fondo y escribí sobre mis hallazgos aquí: <a href="http://mathiasbynens.be/notes/ambiguous-ampersands" rel="nofollow ugc">http://mathiasbynens.be/notes/ambiguous-ampersands</a> </p> <p> También creé una herramienta en línea que puede usar para verificar el marcado en símbolos ampersands ambiguos o referencias de caracteres que no terminan con un punto y coma, ninguno de los cuales es válido. (Ningún validador de HTML hace esto correctamente). </p> <p><img src="http://sofes.miximages.com/validation/nyGPK.png" alt="http://i.imgur.com/cLssU.png"/></p> </div> </li><!-- #comment-## --> <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> Las reglas de HTML5 son diferentes de HTML4. No es necesario en HTML5, a menos que el signo “&” parezca que comienza un nombre de parámetro. “& copy = 2” sigue siendo un problema, por ejemplo, desde & copy; es el símbolo de copyright. </p> <p> Sin embargo, me parece que es más difícil decidir si codificar o no codificar según el siguiente texto. Entonces, la ruta más fácil es codificar todo el tiempo. </p> </div> </li><!-- #comment-## --> <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> Creo que esto se ha convertido en una cuestión más de “por qué seguir las especificaciones cuando a los navegadores no les importa”. Aquí está mi respuesta generalizada: </p> <p> Los estándares no son algo “presente”. Son una cosa “futura”. Si nosotros, como desarrolladores, seguimos los estándares web, entonces es más probable que los proveedores de navegadores implementen correctamente esos estándares, y nos acercamos a una web completamente interoperable, donde los hacks de CSS, detección de características y detección de navegadores no son necesarios. Donde no tenemos que descubrir por qué se rompen nuestros diseños en un navegador en particular, o cómo solucionarlo. </p> <p> Específicamente, si HTML5 no requiere el uso de & amp; En su situación específica, y está usando un doctype HTML5 (y también espera que sus usuarios usen navegadores compatibles con HTML5), entonces no hay razón para hacerlo. </p> </div> </li><!-- #comment-## --> <div class="list-group-item list-group-item-action flex-column align-items-start"> <p> Bueno, si proviene de la entrada del usuario, entonces sí, por razones obvias. Piense si este mismo sitio web no lo hizo: el título de esta pregunta aparecerá, <strong>¿realmente necesito codificar ‘&’ como ‘&’?</strong> </p> <p> Si es algo así como <code>echo '<title>Dolce & Gabbana'; entonces estrictamente hablando, no es necesario. Sería mejor, pero si no lo hace, ningún usuario notará la diferencia.

¿Podrías mostrarnos cuál es tu title realidad? Cuando presento

   Dolce & Gabbana  

am i allowed loose & mpersands?

a http://validator.w3.org/pidiéndole explícitamente que use el modo experimental HTML 5 – no tiene quejas sobre el & s …

Si el usuario se lo transfiere o terminará en una URL, debe escapar.

Si aparece en texto estático en una página? Todos los navegadores obtendrán este derecho de cualquier manera, no te preocupes mucho, ya que funcionará.

En HTML a & marca el comienzo de una referencia, ya sea de una referencia de personaje o de una entidad . A partir de ese momento, el analizador espera un # denote una referencia de carácter, o un nombre de entidad que denote una referencia de entidad, ambos seguidos por a ; . Ese es el comportamiento normal.

Pero si el nombre de referencia o solo la abertura de referencia & es seguido por un espacio en blanco u otros delimitadores como " , ' , < , > , & , la terminación ; e incluso una referencia para representar un plano & se puede omitir:

 

foo & bar

foo &amp bar

foo & bar

Solo en estos casos el final ; o incluso la referencia misma puede omitirse (al menos en HTML 4). Creo que HTML 5 requiere el final ; .

Pero la especificación recomienda usar siempre una referencia como la referencia de personaje & o la referencia de la entidad & para evitar confusión:

Los autores deben usar " & " (ASCII decimal 38) en lugar de " & " para evitar confusiones con el comienzo de una referencia de caracteres (delimitador abierto de referencia de entidad). Los autores también deben usar " & " en los valores de los atributos ya que las referencias de caracteres están permitidas dentro de los valores de los atributos CDATA.

Sí, debes intentar mostrar un código válido si es posible.

La mayoría de los navegadores corregirá silenciosamente este error, pero existe un problema al confiar en el manejo de errores en los navegadores. No existe un estándar para la forma de manejar el código incorrecto, por lo que depende de cada proveedor de navegador intentar averiguar qué hacer con cada error, y los resultados pueden variar.

Algunos ejemplos donde es probable que los navegadores reaccionen de manera diferente es si coloca elementos dentro de una tabla pero fuera de las celdas de la tabla, o si anida enlaces dentro de la otra.

Para su ejemplo específico, no es probable que cause ningún problema, pero la corrección de errores en el navegador podría hacer que el navegador cambie del modo compatible con los estándares al modo peculiar, lo que podría hacer que su diseño se rompa por completo.

Por lo tanto, debe corregir errores como este en el código, si no fuera por algo más, para mantener corta la lista de errores en el validador, de modo que pueda detectar problemas más serios.

Hace un par de años, obtuvimos un informe de que una de nuestras aplicaciones web no se mostraba correctamente en Firefox. Resultó que la página contenía una etiqueta que parecía

 

Cuando se enfrenta con un atributo de estilo repetido, IE combina ambos estilos, mientras que Firefox solo usa uno de ellos, de ahí el comportamiento diferente. Cambié la etiqueta a

 

y efectivamente, ¡resolvió el problema! La moraleja de la historia es que los navegadores tienen un manejo más consistente del HTML válido que del HTML no válido. ¡Así que arregla tu maldito marcado ya! (O use HTML Tidy para solucionarlo).

Estaba comprobando por qué la URL de la imagen necesita escaparse, por lo tanto, lo probé en https://validator.w3.org . La explicación es bastante buena. Resalta que incluso las URL deben ser escapadas. [PD: supongo que se desaparece cuando se consume desde la necesidad de URL & . ¿Alguien puede aclarar?]

  

Se encontró una referencia de entidad en el documento, pero no se definió ninguna referencia por ese nombre. A menudo, esto se debe a un error de ortografía en el nombre de referencia, los signos de unión no codificados o al dejar fuera el punto y coma (;). La causa más común de este error es el uso de signos y símbolos no codificados en las URL tal como lo describe el WDG en “Símbolos en las URL”. Las referencias de entidades comienzan con un símbolo de unión (&) y terminan con un punto y coma (;). Si desea utilizar un símbolo literal en su documento, debe codificarlo como “&” (¡incluso dentro de las URL!). Tenga cuidado de terminar las referencias de entidad con un punto y coma o la referencia de su entidad puede interpretarse en relación con el siguiente texto. También tenga en cuenta que las referencias a entidades nombradas distinguen entre mayúsculas y minúsculas; Y Aelig; y æ son diferentes personajes. Si este error aparece en alguna etiqueta generada por el código de manejo de sesión de PHP, este artículo tiene explicaciones y soluciones para su problema.

si & se usa en html, entonces deberías escapar

If & se utiliza en cadenas de javascript, por ejemplo, una alert('This & that'); o document.href no es necesario que lo use.

Si está utilizando document.write, entonces debe usarlo, por ejemplo document.write(

this & that

)

Depende de la probabilidad de que un punto y coma termine cerca de su & , causando que muestre algo bastante diferente.

Por ejemplo, cuando se trata de las aportaciones de los usuarios (por ejemplo, si incluye el tema proporcionado por el usuario de una publicación del foro en sus tags de título), nunca se sabe dónde podrían estar poniendo puntos y coma al azar, y podría mostrar entidades extrañas al azar. Así que siempre escapa en esa situación.

Para su propio html estático, seguro, podría omitirlo, pero es tan trivial incluir el escape adecuado, que no hay una buena razón para evitarlo.

Si realmente estás hablando del texto estático

 Foo & Bar 

almacenado en algún archivo en el disco duro y servido directamente por un servidor, entonces sí: probablemente no necesite ser escapado.

Sin embargo, dado que actualmente hay muy poco contenido HTML completamente estático, agregaré la siguiente exención de responsabilidad que supone que el contenido HTML se genera a partir de otra fuente (contenido de la base de datos, entrada del usuario, resultado de la llamada al servicio web, resultado API heredado). ..):

Si no escapa de un & simple, entonces es probable que tampoco escape de un & o a   o o o cualquier otro texto inválido. Eso significa que, en el mejor de los casos, muestra su contenido incorrectamente y es más probable que sea sospechoso de ataques XSS .

En otras palabras: cuando ya está revisando y escapando de los otros casos más problemáticos, entonces no hay casi ninguna razón para dejar el autónomo no totalmente roto, pero todavía algo sospechoso, sin protección.

no estoy seguro de si esto es útil para alguien … Estuve peleando esto por un tiempo … aquí hay una gloriosa expresión regular que puedes usar para arreglar todos tus enlaces, javascript, contenido. Tuve que lidiar con una tonelada de contenido heredado que nadie quería corregir.

Agregue esto a su anulación de Render en su página maestra o control:

Por favor no me llame por poner esto en el lugar equivocado:

 // remove the & from href="blaw?a=b&b=c" and replace with & //in urls - this corrects any unencoded & not just those in URL's // this match will also ignore any matches it finds within  

El enlace tiene un buen ejemplo de cuándo y por qué es posible que necesite escapar & a &

https://jsfiddle.net/vh2h7usk/1/

Curiosamente, tuve que escapar del personaje para representarlo correctamente en mi respuesta aquí. Si tuviera que usar la opción de muestra de código incorporada (desde el panel de respuestas), solo puedo escribir & y aparece como debería. Pero si tuviera que usar manualmente el elemento , entonces tengo que escapar para representarlo correctamente 🙂

Intereting Posts