Używam rel
do przechowywania niektórych informacji innych niż html, jakie inne atrybuty nie są powszechnie używane i mogę je wykorzystać do przechowywania informacji?Różne informacje Atrybuty elementów HTML
Odpowiedz
Możesz przełączyć na HTML5 i użyć custom data attributes.
Zanim pojawił się HTML5, zawsze użyłem _something jako nazw atrybutów dla niestandardowych danych, przy założeniu, że jest mało prawdopodobne, że prawdziwy atrybut zacznie się od podkreślenia. Czy jest to "dopuszczalne" założenie, czy lepiej byłoby zmienić wszystko na dane - coś? –
Polecam używanie 'data- *', ponieważ jest to poprawny kod HTML w ramach umowy. –
Użyję tego, dzięki. Używam funkcji 'attr' jQuery, więc natywna implementacja JS nie jest potrzebna. –
Ta pomoc? Przewiń w dół do sekcji rel:
w HTML5 można zdefiniować własne data-
atrybutów do przechowywania, co chcesz.
Jeśli chcesz, możesz nadrobić własne atrybuty. Prawdopodobnie nie jest dobrym pomysłem umieszczanie danych w atrybucie, jeśli według specyfikacji powinien on mieć coś znaczącego.
W HTML 5 spec można używać atrybutów data-*
; gwarantują, że nic nie zrobią w przeglądarce i będą działać również w starszych przeglądarkach.
W JavaScript można uzyskać do niego dostęp z normalnych właściwościach atrybutu:
var value = elem.getAttribute("data-foo")
elem.setAttribute("data-foo", "value")
elem.removeAttribute("data-foo")
Z nowych przeglądarek można używać elem.dataset
, ale prawdopodobnie nie chcesz to zrobić jak starsze przeglądarki nie będą go wspierać .
var value = elem.dataset.foo;
elem.dataset.foo = "value";
elem.dataset.foo = null;
HTML5 teraz supports przechowywania informacji w data- * atrybuty ale to HTML5 i nie każdy jest tam jeszcze. A więc scenariusz z prawdziwego świata ...
Jeśli nie musisz martwić się o to, czy będzie się on utrzymywał w poprzek postów, możesz zmapować proste obiekty danych jako zbiór var JSON i wyciągnąć obiekt z niego na podstawie określonego klucza. Ale to jest szerokie podejście - więcej informacji na temat ogólnego celu poprawi opinie.
Zależy od rodzaju informacji, które mają być przechowywane i jak planujesz uzyskać do nich dostęp. Z powodzeniem wykorzystałem atrybuty id
i class
do przechowywania i uzyskiwania dostępu do identyfikatorów bazy danych, a nawet do niektórych tabel bazy danych, które następnie pobierałem za pomocą jQuery w celu wykonania niektórych żądań AJAX.
Jeśli NIE używasz HTML5, odradzam używanie własnych atrybutów niestandardowych. W przeciwnym razie, tak jak ludzie już wcześniej sugerowali, spójrz na atrybuty z prefiksem data-
.
data- * jest sposobem, aby przejść do HTML5. Możesz łatwo uzyskać do nich dostęp w javascript za pomocą elem.data. *
W przeciwnym razie niestandardowe atrybuty są prawdopodobnie lepsze niż zepsucie semantyki strony.
- 1. Atrybuty niestandardowych elementów HTML
- 2. Czy można uczynić atrybuty elementów HTML niezmiennymi?
- 3. Czy można dodać własne atrybuty do elementów HTML?
- 4. Jak dodać atrybuty do istniejących elementów HTML w TypeScript/JSX?
- 5. Selektor elementów CSS jest bardziej szczegółowy niż atrybuty HTML?
- 6. Jade: atrybuty elementów bez wartości
- 7. Różne atrybuty DataAnnation dla klas pochodnych
- 8. Niestandardowe atrybuty HTML i jQuery
- 9. Modyfikuj atrybuty elementów podrzędnych w komponencie ReactJS
- 10. Ignoruj / zamień atrybuty elementów w TinyMCE
- 11. Ponowne użycie elementów HTML
- 12. Jak mogę usunąć atrybuty ze znacznika html?
- 13. Czy element HTML może mieć dowolne atrybuty?
- 14. Atrybuty danych z edytorem html dla mvc
- 15. Jak pozwolić JSF przejść przez atrybuty HTML
- 16. Jakie atrybuty html/css są bezpieczne pocztą?
- 17. Uzyskaj atrybuty załączającego znacznika w ciągu HTML
- 18. jak przetestować atrybuty html za pomocą rspec?
- 19. Interpoluj wewnątrz atrybuty html za pomocą Underscore.js
- 20. Ustaw różne krycie dla elementów zagnieżdżonych
- 21. W Node.js, czytając katalog plików .html i wyszukując w nich atrybuty elementów?
- 22. Informacje o kontekstach Sharepoint na stronie HTML
- 23. Brakujące atrybuty linków i innych rodzajów elementów pandoc
- 24. Jak dodać atrybuty danych do elementu html w ASP.NET MVC?
- 25. Wyświetlanie warunkowe elementów formularzy html
- 26. dodawanie elementów HTML z JavaScript
- 27. Jak korzystać z parsera HTML, aby uzyskać pełne informacje o wszystkich znacznikach na stronie HTML?
- 28. Jak usunąć element z XML przy użyciu XDocument gdy mamy wiele elementów o tej samej nazwie, ale różne atrybuty
- 29. lista danych Get-foo atrybuty zbioru elementów jQuery
- 30. Atrybut wartości wejściowej HTML - to samo wejście, (widocznie) różne wyniki
To niebezpieczne rzeczy. Atrybut Rel jest w rzeczywistości dość szeroko używany, tzn. Używa go między innymi Google bot. Nie zaleca się używania zdefiniowanych atrybutów HTML do własnych celów. –
@Chris: Wszystkie te rzeczy są generowane przez fragment kodu JavaScript, czego nikt nie powinien czytać. –
dokładnie punkt! –