html - texto - obtener atributo data javascript
¿Puede el atributo data-*contener etiquetas HTML? (5)
Has probado:
<i data-toggle="popover" data-trigger="hover" **data-html="true"** data-placement="auto" title="<b>Some Title" data-content="Some Text"></i>
the data-html = "true" permite usar etiquetas en data- * attr.
https://www.w3schools.com/bootstrap/bootstrap_ref_js_popover.asp
IE <img src="world.jpg" data-title="Hello World!<br/>What gives?"/>
Hasta donde entiendo las pautas, es básicamente válido, pero es mejor usar entidades HTML.
De la referencia de HTML 4 :
También debe escapar y estar dentro de los valores de atributos, ya que las referencias de entidades están permitidas dentro de los valores de atributos de cdata. Además, debe escapar> como> para evitar problemas con los agentes de usuario más antiguos que perciben esto como el final de una etiqueta al encontrar este carácter en los valores de atributo entre comillas.
De la referencia de HTML 5:
Excepto cuando se especifique lo contrario, los atributos en los elementos HTML pueden tener cualquier valor de cadena, incluida la cadena vacía. Excepto cuando se declara explícitamente, no hay ninguna restricción sobre qué texto se puede especificar en dichos atributos.
Así que lo mejor que se puede hacer, como ya dice @tdammers, es escapar de estos caracteres (citando la referencia del W3C)
-
&para representar el&signo. -
<para representar el signo< -
>para representar el signo. -
"para representar la"marca.
y decodificarlos de sus valores de entidad si se van a utilizar como HTML.
No. Eso no sería válido: HTML no permite <o> atributos internos.
<img src="world.jpg" data-title="Hello World!<br/>What gives?"/> sería válido, pero mostraría <br/> literalmente, no como una nueva línea.
Siempre que lo sirvas como texto / html, entonces sí, es válido.
Tenga en cuenta que no solo es posible incluir marcas dentro de los atributos, sino que el atributo srcdoc de HTML5 en el elemento iframe lo alienta positivamente. El borrador de HTML5 dice:
En la sintaxis HTML, los autores solo deben recordar utilizar los caracteres U + 0022 QUOTATION MARK (") para ajustar el contenido del atributo y luego escapar de todos los caracteres U + 0022 QUOTATION MARK (") y U + 0026 AMPERSAND (&), .. ..
Tenga en cuenta que cuando se sirve con un tipo de contenido XML (por ejemplo, application / xhtml + xml), no es válido, ni siquiera está bien formado.
Yo diría que sí, ya que aún es válido en HTML5. Es posible que los navegadores más antiguos (¿cuáles?) No se analicen correctamente.
La Sección 3.2.4.1 Atributos del borrador actual de HTML5 dice esto:
Excepto cuando se especifique lo contrario, los atributos en los elementos HTML pueden tener cualquier valor de cadena, incluida la cadena vacía. Excepto cuando se declara explícitamente, no hay ninguna restricción sobre qué texto se puede especificar en dichos atributos.
Las etiquetas HTML dentro de los atributos también se validan en http://html5.validator.nu