Ich möchte JSON in HTML einbetten. Die eleganteste Lösung, die ich gefunden habe, nutzt diescript-Tag und der MIME-Medientypapplication/json.

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

Ist dies die Standardmethode zum Einbetten von JSON? Wenn nicht, gibt es Risiken mit der oben genannten Lösung?

Gründe für die Verwendung von Inline-JSON (anstelle eines JSON-P-Dienstes):

Kleine Mengen von JSON-DatenWeniger HTTP-AnfragenPräferenz für Inline-JSON für Daten in HTML-Attributen

[AKTUALISIEREN] Grund für die Einbettung von json.

Ich habe ein Galerie-Widget für eine Website mit sehr viel Verkehr. Die Galerie kann aus 100 Bildern oder mehr bestehen. Ich zeige immer nur ein Bild auf einmal und der Rest der Bilder wird faul geladen. Die Informationen (Bildquelle) zu allen Bildern werden jedoch beim Laden der Seite im HTML-Format gerendert. Es gibt verschiedene Möglichkeiten, die Bildinformationen in HTML zu rendern. Anstelle von JSON könnte ich auch die folgenden HTML-Datenattribute verwenden:

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

Wird darin enden, dass:

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

Der Nachteil bei der obigen Lösung ist das zusätzliche Markup. Ich würde lieber JSON und eine Javascript-Templating-Engine wie verwendendoT.js.