問題一覧に戻る
上級最新HTML仕様
問題46: カスタムデータ属性とMicrodata
カスタムデータ属性と構造化データを使って、意味のあるデータを埋め込みましょう！
data-*属性を使うと独自のデータを要素に付加でき、Microdataを使うと検索エンジンが理解できる構造化データを作成できます。
以下のタスクを完成させてください：
📝 タスク1: 最初の____にdataを入れて記事ID属性を追加（data-article-id="123"）
📝 タスク2: 2番目の____にdataを入れてカテゴリ属性を追加（data-category="technology"）
📝 タスク3: 3番目の____にdataを入れてコンポーネント属性を追加（data-component="rating"）
📝 タスク4: 4番目の____にdataを入れてスコア属性を追加（data-score="4.5"）
📝 タスク5: 5番目の____にitemscopeを入れて構造化データのスコープを定義
📝 タスク6: 6番目の____にitemtypeを入れてスキーマタイプを指定（itemtype="https://schema.org/Person"）
📝 タスク7: 7番目の____にitempropを入れて名前プロパティを指定（itemprop="name"）
📝 タスク8: 8番目の____にitempropを入れて職業プロパティを指定（itemprop="jobTitle"）
📝 タスク9: 9番目の____にitempropを入れて勤務地プロパティを指定（itemprop="workLocation"）
コードエディタ
リアルタイムプレビュー