Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTML5マイクロデータ属性


Microdataは、任意の要素が使用できる5つのグローバル属性を導入し、データに関するマシンのコンテキストを提供します。

属性
説明
Itemscope
これはアイテムの作成に使用されます。 itemscope属性は、このページにMicrodataがあることを示すブール属性であり、ここから開始されます。
アイテムタイプ
この属性は、アイテムを定義し、プロパティのコンテキストを提供する有効なURLです。
Itemid
この属性は、アイテムのグローバル識別子です。
Itemprop
この属性は、アイテムのプロパティを定義します。
Itemref
この属性は、アイテムの名前と値のペアを見つけるためにクロールする追加の要素のリストを提供します。

  1. HTMLデータ-*属性

    HTMLのdata-*属性は、すべてのHTML要素にカスタムデータ属性を埋め込むために使用されます。これはグローバル属性であり、任意の要素で使用できます。 以下は構文です- <element data-attribute-name=”attribute_value” 上記では、属性名は小文字のみにする必要があります。そのため、プレフィックス「data-」の後に少なくとも1文字長くする必要があります ここで、HTMLでdata-*属性を実装する例を見てみましょう。属性のいずれかをクリックして、詳細情報を取得します- 例 <!DOCTYPE html>

  2. HTML属性

    属性は、画像やキャンバスの幅や高さなどの要素のプロパティを設定するために使用されます。すべての要素は属性を持つことができ、より多くの情報を提供します。属性には名前と値があります- 例- <canvas id=”newCanvas” width=”400” height=”300”> 他の例には-が含まれます <img alt=”alternate text”> HTML5標準によれば、属性の前後に引用符を含めることは必須ではありませんが、引用符を含めることは常に良い習慣