Me gustaría incrustar JSON en HTML. La solución más elegante que he encontrado hace uso de lascript-tag y el tipo de medio mimeapplication/json.

<script id="data" type="application/json">
    {
        "foo" : "bar"
    }
</script> 

¿Es esta la forma estándar de incrustar JSON? Si no, ¿hay algún riesgo con la solución anterior?

Razones para usar JSON en línea (en lugar de un servicio JSON-P):

Pequeñas cantidades de datos JSONMenos solicitudes HTTPPreferencia de inline-JSON a los datos en atributos HTML

[ACTUALIZAR] Razón para incrustar json.

Tengo un widget de galería para un sitio web con un tráfico muy alto. La galería puede constar de 100 imágenes o más. Solo estoy mostrando una imagen a la vez y el resto de las imágenes se cargarán de forma perezosa. Sin embargo, la información (imagen src) de todas las imágenes se representará en el html en la carga de la página. Hay varias formas de representar la información de la imagen en el html. En lugar de usar JSON, también podría usar los atributos de datos html como se muestra a continuación:

<li class="image" data-src="image-path.jpg">
    <!-- image tag will be created here using javascript -->
</li>

Resultará en:

<li class="image image-loaded" data-src="image-path.jpg">
    <img src="image-path.jpg" />
</li>

La desventaja con la solución anterior es el margen de beneficio adicional. Preferiría usar JSON y un motor de plantillas de Javascript comodoT.js.