1

基本的に単一で実行されるjQueryプラグインをコーディングしています<div>。<meta>内のプラグイン固有のタグを使用して、その構成値を提供することを検討しています<div>。

<meta>ドキュメントの本文内にタグを配置した場合、それは有効なHTML5であり<meta>、ページを解析するときに古いブラウザーがすべてのタグを先頭に移動しないことは合理的に安全ですか？

data-属性は良い解決策ですが、私はそれらをたくさん持つことを計画しているので、私は何かのようなものがより<meta>きれいになるでしょうが。

4

4 に答える 4

3

<meta>要素は<head>、HTML5 ドキュメントの でのみ有効です (メタデータ コンテンツ モデルは でのみ受け入れられます<head>)。HTML5 jQuery プラグインが構成データを渡すために使用する必要があるのは、を使用してjQuery からアクセスできるdata-*属性.data()を使用することです。

したがって、マークアップは次のようになります。

<div class="widget" data-foo="bar"><div>

そしてあなたのjQueryは次のようになります：

$('.widget').widget({...options...});

これは、次を使用する関数になります。

$.fn.widget = function (...) {
    return this.each(function () {
        ...code...
        options.foo = $(this).data('foo'); //gets the value 'bar'
        ...more code...
    });
};

OPのコメントへの返信：

使用する属性の数に制限はありませんdata-*。単純にフォーマットする場合は、複数の行に分割してください。HTML では空白が凝縮されています。

<div class="widget"
    data-foo="bar"
    data-fizz="buzz"
    data-lorem="ipsum"
    ...
    data-xyz="abc">
    ...contents...
</div>

データを とは別に保持する正当な理由がある場合は、フィールドを<div>使用できます。私は通常、フォームで送信する必要があるインタラクティブ フォーム ウィジェットがある場合にこれを使用します。<input>type="hidden"

于 2012-05-07T20:17:05.780 に答える
1

メタは行くべき道ではありません。データ属性はどうですか

http://html5doctor.com/html5-custom-data-attributes/

于 2012-05-07T20:17:08.000 に答える
1

<meta>ドキュメントの head 以外の部分にタグを付けることはできません。

タグ自体の内部でタグを使用して、<meta>そのタグをプラグインに結び付けることができます。 <meta>タグは非常に柔軟です。

于 2012-05-07T20:18:31.750 に答える
1

META 要素を使用して、ドキュメントのプロパティ (作成者、有効期限、キーワードのリストなど) を識別し、それらのプロパティに値を割り当てることができます。この仕様は、プロパティの規範的なセットを定義しません。

各 META 要素は、プロパティと値のペアを指定します。name 属性はプロパティを識別し、 content 属性はプロパティの値を指定します。

たとえば、次の宣言は Author プロパティの値を設定します。

<META name="Author" content="Dave Raggett">

lang 属性を META と共に使用して、コンテンツ属性の値の言語を指定できます。これにより、音声シンセサイザーは言語に依存する発音規則を適用できます。

この例では、著者の名前はフランス語であると宣言されています。

<META name="Author" lang="fr" content="Arnaud Le Hors">

ノート。META 要素は、メタデータを指定するための一般的なメカニズムです。ただし、一部の HTML 要素と属性は、特定のメタデータを既に処理しており、作成者がそれらの要素を指定するために META の代わりに使用できます: TITLE 要素、ADDRESS 要素、INS 要素と DEL 要素、title 属性、cite 属性.

ノート。META 要素によって指定されたプロパティが URI である値を取る場合、一部の作成者は LINK 要素を介してメタデータを指定することを好みます。したがって、次のメタデータ宣言:

<META name="DC.identifier"
  content="http://www.ietf.org/rfc/rfc1866.txt">

次のように書くこともできます:

<LINK rel="DC.identifier" href="content="http://www.ietf.org/rfc/rfc1866.txt">

詳細 / ソース :

http://www.w3.org/TR/html4/appendix/notes.html#hB.4および http://www.w3.org/TR/html4/struct/global.html#h-7.4.4.2

于 2012-06-27T15:50:08.140 に答える