HTML要素リファレンス

HTML要素リファレンスは、Web開発者が利用できるすべてのHTML5要素を網羅した 包括的で検索可能なガイドです。初めてのWebページを作成する場合でも、 特定の要素の正しい属性を確認する場合でも、カテゴリ別に整理された 詳細情報に即座にアクセスできます。

各要素エントリには、目的の説明、よく使われる属性のリスト、 セルフクロージングかどうか、コピー可能なコード例、ブラウザ サポート情報が含まれています。要素名、説明、属性名で検索し、 カテゴリでフィルタリングして必要な情報をすばやく見つけられます。

要素リファレンスに加えて、このツールにはid、class、data-*、 aria-*、新しいinertやpopover属性をカバーするグローバル属性セクションが 含まれています。イベント属性セクションでは、マウス、キーボード、 フォーカス、フォーム、ドキュメント、ドラッグ＆ドロップ、タッチ、 アニメーションイベントに分類された全インラインイベントハンドラーが リストされています。セマンティックHTMLガイドセクションでは、アクセシビリティと SEOを向上させるためのセマンティック要素の使い方のベストプラクティスを 説明しています。

すべてのコンテンツはブラウザ内で完全にレンダリングされます。 サーバーへのデータ送信は一切ありません。

1. デフォルトで要素タブが選択され、カテゴリ別に整理された全HTML5要素が表示されます。
2. 検索バーを使用して、タグ名、説明、属性名で要素を検索します。
3. カテゴリバッジをクリックして、タイプ別に要素をフィルタリングします。
4. 要素の行をクリックして、説明、属性、ブラウザサポート、コード例を含む詳細を展開します。
5. 例のコピーボタンをクリックして、コードスニペットをクリップボードにコピーします。
6. グローバル属性に切り替えて、すべてのHTML要素で利用可能な属性を閲覧します。
7. イベント属性に切り替えて、カテゴリ別にグループ化された全インラインイベントハンドラーを確認します。
8. セマンティックガイドに切り替えて、アクセシビリティとSEOのためのセマンティックHTML要素のベストプラクティスを確認します。