2

エンドユーザーに次のマークアップを表示しています。

<td class="event-start"> Mon 25th Feb (2013) @ 01:00pm</td>

そして、ユーザーがイベントの開始時刻を編集できる機能を開発しています。

ただし、この時間形式は、UNIXタイムスタンプとして表示されるのではなく、エンドユーザー向けに形式化されているため、（jQueryで）操作するのが面倒です。

<td>したがって、event-startの実際の値を（Unixタイムスタンプとして）要素の別の属性に格納する方が適切かもしれないと思いました。

<td class="event-start" actual-start="unix-timestamp"> Mon 25th Feb (2013) @ 01:00pm</td>

私の質問は-この属性の名前はどうあるべきですか？この属性に使用する必要のある標準名や、従う必要のある規則はありますか？

4

2 に答える 2

2

HTML5カスタムデータ属性を調査する必要があります。HTML5ワーキングドラフトのW3Cドキュメント。

つまり、属性名の前に。を付けますdata-。そうすることdatasetで、要素のJSプロパティを介してデータ要素への専用アクセスが可能になります。

この記事にはかなり良い説明/例があります：

特に：

カスタム属性の魅力は、たとえばJavaScriptを使用して後で解析するために、ちょっとした情報を要素に簡単に関連付けることができることです。JavaScriptを使用して「data」属性の値を取得する方法は2つあります。1つはJavaScriptの古き良きgetAttribute（）メソッドを使用する方法、もう1つは要素の「dataset」プロパティにアクセスする方法です。

互換性については、 http：//caniuse.com/#feat=datasetを参照してください。これは、現在のすべてのブラウザが部分的にサポートされているのに対し、現在のほとんどのブラウザは完全にサポートされていることを示しています。「完全サポート」とは、「データセット」プロパティから属性にアクセスできることを意味します。

しかし重要なのは、

すべてのブラウザはすでにdata-*属性を使用でき、getAttributeを使用してそれらにアクセスできます。

于 2013-03-25T11:55:50.797 に答える
1

この属性の名前は何でしょうか？この属性に使用する必要のある標準名や、従う必要のある規則はありますか？

データ属性である必要があります

<td class="event-start" data-actual-start="unix-timestamp">

data属性は、すべての主要なブラウザーでサポートされています。jqueryには、データ属性を簡単に操作するための独自のメソッドがあります。

于 2013-03-25T11:55:10.913 に答える