Názory k článku
HTML5: ukládáme si data k elementům

Můžu se zeptat co to znamená, že by jméno atributu nemělo obsahovat velká písmena? Co se stane když je použiju?

Předpokládám (netestoval jsem), že se nestane nic závažného - jen nebudete moct rozlišit mezi "data-elce-pelce" a "data-elcePelce", kvůli zmíněné konverzi spojovníků na camelCase zápis.

Ahoj,

jsem zvyklý do datových atributů odkazů, které v administraci něco mažou, ukládat potvrzovací otázku typu "Chcete opravdu smazat článek <název>?".

Narazil jsem ale na dva problémy:

1) Co když bych v té otázce chtěl např. název článku tučně? Celá otázka by pak nemohla být pouze text, ale HTML. Jak se HTML do těchto atributů má ukládat? Nebo bych tu otázku měl raději dát do skrytého elementu dovnitř odkazu?

2) Odkazy s konfirmační otázkou používají mírně odlišné CSS, zatím jsem to řešil selektorem *[data-confirm], což mi ale od začátku nepřipadalo čisté a tento článek to potvrzuje.

Jak toto tedy řešit?

ad 1. -- elegantní řešení by samozřejmě bylo dovolit v HTML používat kdekoliv elementy a atributy ve vlastních jmenných prostorech. Do vlastního elementu byste si mohl uložit cokoliv. Bohužel hlavní lidé za HTML5 mají pupínky z XML, takže tuto možnost vytrvale blokují. Výsledkem jsou dost omezené data-atributy.

Nicméně podle přesvědčení těchto lidí je naprosto v pořádku, do atributu vkládat fragmenty HTML kódu. Takový atribut je i v návrhu HTML5 (@srcdoc): http://dev.w3.org/html5/spec-author-view/the-iframe-element.html#attr-iframe-srcdoc

Ve vašem případě tedy můžete použít něco jako:

<button data-confirm="Chcete opravdu smazat článek <b>Ze života hmyzu</b>?" ...>

Konec konců v HTML zase tolik nevadí, že v atributu máte serializované HTML, protože v Javascriptu to lze kdykoliv naparsovat a vložit do DOMu pomocí innerHTML.

ad 2. -- nechápu co vám na tom *[data-confirm] přijde špatné? Samozřejmě o chlup čistší by asi bylo

<button class="confirm" data-confirm="Chcete opravdu smazat článek <b>Ze života hmyzu</b>?" ...>

a v CSS používat .confirm, ale je tam zbytečná duplicita.

ad 1. Naštěstí Vám, i panu Koskovi tito opupínkovaní lídé dovolí zaslat HTML5 dokument s content typem, který patří XHTML (např. application/xml nebo application/xhtml+xml) a voila - máte validní HTML5 dokument v XHTML serializaci :). Do kterého si samozřejmě můžete narvat elementy a atributy z vlastních namespaces.

(z ofic. dokumentace)
"As of jQuery 1.4.3 HTML 5 data- attributes will be automatically pulled in to jQuery's data object."

http://api.jquery.com/data/