Sto usando rel
per memorizzare alcune informazioni non html, quali altri attributi non sono comunemente usati che posso utilizzare per memorizzare le informazioni?Informazioni varie Attributi dell'elemento HTML
risposta
È possibile passare a HTML5 e utilizzare custom data attributes.
Prima che HTML5 uscisse con questo, ho sempre usato _qualcosa come nomi di attributi per i dati personalizzati, nell'ipotesi che sia molto improbabile che un vero attributo inizi con un trattino basso. Si tratta di un'ipotesi "accettabile", o sarebbe meglio passare tutto a dati-qualcosa? –
Si consiglia di utilizzare 'data- *', perché è quindi valido HTML nell'affare. –
Lo userò, grazie. Sto usando la funzione 'attr' di jQuery quindi non è necessaria un'implementazione JS nativa. –
Questo aiuto? Scorrere fino alla sezione rel:
in HTML5 è possibile definire il proprio data-
attributi per memorizzare tutto quello che vuoi.
Se lo desideri, puoi creare i tuoi attributi. Probabilmente non è una buona idea mettere i dati in un attributo se per specifica dovrebbe avere qualcosa di significativo lì dentro.
Nel HTML 5 spec, è possibile utilizzare gli attributi data-*
; sono garantiti a non fare nulla con il browser e funzioneranno anche con i browser più vecchi.
In JavaScript, è possibile accedere con le normali proprietà dell'attributo:
var value = elem.getAttribute("data-foo")
elem.setAttribute("data-foo", "value")
elem.removeAttribute("data-foo")
Con i nuovi browser che è possibile utilizzare elem.dataset
, ma probabilmente non si vuole fare che, come i browser più vecchi non lo sosterrà .
var value = elem.dataset.foo;
elem.dataset.foo = "value";
elem.dataset.foo = null;
HTML5 ora supports la memorizzazione delle informazioni nel data-attributi * ma questo è HTML5 e tutti sono non c'è ancora. Quindi uno scenario reale ...
Se non si deve preoccupare di persistere su postback, è possibile mappare oggetti di dati semplici come una raccolta di JSON var ed estrarre un oggetto da esso in base a una particolare chiave. Ma questo è un approccio ampio: maggiori informazioni sull'obiettivo generale migliorerebbero il feedback.
Dipende dal tipo di informazioni che si desidera memorizzare e da come si prevede di accedervi. Ho utilizzato con successo sia gli attributi id
sia gli attributi class
per archiviare e accedere agli ID dei database, ad esempio, e persino riferimenti per alcune tabelle di database, che ho poi recuperato con jQuery per fare alcune richieste AJAX.
Se NON si utilizza HTML5, sconsiglio di utilizzare i propri attributi personalizzati. Altrimenti, come le persone già suggerite prima di me, dai uno sguardo agli attributi con prefisso data-
.
data- * è la strada da percorrere se è possibile utilizzare HTML5. Puoi facilmente accedervi anche in javascript con elem.data. *
Altrimenti, gli attributi personalizzati sono probabilmente migliori di rovinare la semantica della pagina.
- 1. Attributi HTML booleani
- 2. HTML: attributi e proprietà
- 3. Prestazioni colpite utilizzando gli attributi Informazioni chiamante
- 4. Informazioni sulla struttura JSON - attributi e valori
- 5. Attributi HTML (5) per EditorFor
- 6. Attributi su elementi HTML personalizzati
- 7. Regex: Strip attributi HTML eccetto SRC
- 8. PHP: codifica degli attributi HTML/decodifica JavaScript
- 9. Newlines tra gli attributi degli elementi HTML?
- 10. Razor sintassi all'interno di attributi HTML
- 11. Virgolette nei valori degli attributi HTML?
- 12. Interpola all'interno degli attributi html con Underscore.js
- 13. hyphenated attributi HTML con asp.net mvc
- 14. Un elemento HTML può avere attributi arbitrari?
- 15. Html.BeginForm con attributi html asp.net mvc4
- 16. rimuovere determinati attributi dai tag HTML
- 17. AngularJS: come mappa oggetto di attributi HTML
- 18. come testare gli attributi html con rspec?
- 19. Rimozione attributi Jsoup su tag HTML
- 20. gulp-minify-html rimuove gli attributi HTML vuoti, causando problemi per le app Angolari
- 21. Come aggiungere attributi di dati all'elemento html in ASP.NET MVC?
- 22. Matlab: Applicazione di varie trame
- 23. Perché le varie estensioni JPEG?
- 24. Quali attributi html/css sono sicuri per posta?
- 25. Come utilizzare HTML Parser per ottenere informazioni complete su tutti i tag nella pagina HTML
- 26. Cosa può ignorare gli attributi in un input HTML?
- 27. Come ottenere informazioni sugli attributi da un menu dell'interfaccia utente di JQuery selezionare l'evento
- 28. costanti di condivisione tra le varie lingue
- 29. Applicazione di gsub a varie colonne
- 30. Big-O per varie implementazioni di Fibonacci
Questa è roba pericolosa. L'attributo Rel è in realtà piuttosto widley utilizzato, ad esempio, Google bot, tra le altre cose, lo usa. Non è consigliabile utilizzare attributi HTML definiti per i propri scopi. –
@Chris: tutta questa roba è generata da un blocco di JavaScript, nessuno dovrebbe leggerlo. –
esattamente il punto! –