Jaki jest prawidłowy sposób przechowywania niektórych danych w `<a>` znaczniku zakotwiczenia?

Question

Zazwyczaj używam data-*** do przechowywania niektórych danych.

<a href="#" data-address="some data">click</a> 

mogę dostać go w jQuery przy użyciu

alert($("a").data("address")); 

to działa dobrze. ale chcę wiedzieć, czy jest to właściwy sposób i czy są jakieś problemy ze zgodnością?

czy też muszę użyć rel tj:

<a href="#" rel="some data">click</a> 

alert($("a").attr("rel")); 

zaktualizowałem skrzypce http://jsfiddle.net/suhailvs/XYZQK/

Answer 1

Jeśli chcesz dane do składowane tymczasowo (czyli tylko na czas trwania strony), a następnie za pomocą Identyfikator api .data() jest prawidłową metodą:

Answer 2

Atrybut rel podczas odsyłającego do tagu a służy wyszukiwarkom do określenia relacji między dokumentacją nt i ten, z którym się łączy.

Atrybut ten może być używany przez programistów do tworzenia atrybutów niestandardowych podczas przechowywania danych w nim.

Powiedzenie: data-*** jest prawidłowym sposobem przechowywania niektórych danych.

MDN HTML attribute reference

NIE UŻYWAJ REL dla niestandardowych PRZECHOWYWANIE DANYCH

KOMPATYBILNOŚĆ OBAWY

Od data i rel (referrering do a tag) atrybuty są przypuszczać, aby być ignorowane przez przeglądarki, możesz użyć obu, albo/albo. Chociaż najlepiej jest używać znacznika data do przechowywania "danych".

---

RICH WYNIKI

jeśli chcesz wyszukiwarki do recongize niektóre linki lub elementy jak dane opisujące treść, jak opis strony, datę, obraz strony publikują, więc i więc możesz przeczytać "wyniki wyszukiwania rozszerzonego" i "opisy rozszerzone" z Google.

te łącza zaczną cię Rich search results lub About rich snippets and structured data

Answer 3

Oto artykuł o tym, dlaczego nie powinno się używać rel, a co można spróbować, jeśli nie jesteś pewien temat korzystania teleinformatyczny.

http://www.sitepoint.com/rel-not-a-custom-attribute/

Bootstrap już znaczący sposób korzysta z teleinformatyczny, nie ma powodu, aby wziąć go jeszcze bardziej.

Answer 4

Właściwe jest przechowywanie danych z niestandardowymi atrybutami danych rozpoczynającymi się od "data-".

Spełnia specyfikację HTML5.

Zobacz poniższy link.

http://www.w3.org/html/wg/drafts/html/master/dom.html#embedding-custom-non-visible-data-with-the-data- * -attributes

Answer 5

pan nadużywa data- atrybuty, więc dla przypadku użycia, żaden z nich nie są poprawne (rel nigdy nie jest).

Chciałbym zmienić strukturę HTML, aby uwzględnić dodatkowe informacje (tj. Użyć innych znaczników) lub po prostu przechowywać zawartość w obiekcie JavaScript, aby rozpocząć. Wbijanie go w pojedynczy znacznik zakotwiczenia nie jest dobrym pomysłem.