Qual è il modo migliore per includere i dati in una pagina HTML?

Qual è il modo migliore per includere i dati in una pagina HTML? I dati non sono leggibili dall’uomo e saranno elaborati da uno script una volta caricata la pagina. Le opzioni a cui posso pensare sono:

  • Usando gli attributi di class e titolo sugli elementi

    o nascosti / vuoti all’interno della pagina

  • JSON in un elemento nella parte inferiore della pagina

  • Carica i dati tramite XMLHttpRequest dopo che la pagina è stata caricata

  • XML Data Islands

Tutti questi metodi sembrano venire con gli svantaggi, quindi mi piacerebbe sapere quali sono i tuoi pensieri.

Vorrei usare JSON in un elemento . In realtà, lo farei un vero copione. Il browser analizzerà e valuterà il JSON, quindi cogli l'occasione per memorizzarlo in alcune variabili.

Nascondere gli elementi usando i CSS è un po 'fragile, dal momento che alcuni client (non necessariamente i browser, pensano i motori di ricerca) potrebbero ancora vederli come parte dei dati della pagina.

Caricare i dati tramite XHR dopo il caricamento della pagina va bene, ma non è strettamente una risposta alla domanda. È anche un po 'più lento in quanto incorre in un ulteriore round di andata del server (pensate ai vostri utenti antipodiani, la bassa latenza è molto importante per loro).

XML Data Islands: Non sono sicuro di ciò a cui ti riferisci, ma suona come qualcosa che potrebbe causare molti reclami di validatori e che potrebbe essere fragile nel fatto che il nodo stringa potrebbe essere reso dal browser.

Quindi, memorizzare i dati in un elemento suona come il modo più semplice, più sicuro e più appropriato per rispondere alla domanda.

Vorrei andare con JSON. O qualche altro codice JavaScript se c’è una ragione per questo. Quello sarà il più facile da usare per lo script, ed è limitato solo a ciò che lo script stesso è limitato a.