[解決済み] カスタム要素はHTML5として有効ですか?
質問
HTML5でこのようなカスタムタグが有効かどうか、明確な答えが見つかりませんでした。
<greeting>Hello!</greeting>
仕様書には、一方的に何も書かれていないのですが。
http://dev.w3.org/html5/spec/single-page.html
また、カスタムタグはW3Cバリデーターで検証できないようです。
どうすればいいですか?
その カスタム要素仕様 は、Chrome と Opera で利用可能であり、今後 他のブラウザー . これは、カスタム要素を正式な方法で登録するための手段を提供するものです。
<ブロッククオートカスタム要素とは、DOM要素の新しいタイプで、ユーザーが定義することができます。 の作者です。とは異なり デコレータ はステートレスで一時的なものですが、カスタム 要素は、状態をカプセル化し、スクリプトのインターフェースを提供することができます。
カスタム要素は、より大きなW3仕様の一部である ウェブコンポーネント テンプレート、HTML インポート、シャドウ DOM と共に。
<ブロッククオートWeb Components を使用すると、Web アプリケーションの作成者は、ウィジェットを定義することができます。 CSSでは不可能な視覚的な豊かさと双方向性のレベル スクリプトだけでは不可能な構成と再利用の容易さです。 のライブラリがあります。
しかし、この中から 優れたウォークスルー記事 Google DevelopersにCustom Elements v1について掲載されています。
<ブロッククオート
カスタム要素の名前には、ダッシュ (
-
). そのため
<x-tags>
,
<my-element>
および
<my-awesome-app>
はすべて有効な名前ですが
<tabs>
と
<foo_bar>
はありません。この要件は、HTMLパーサーがカスタム要素と通常の要素とを区別できるようにするためです。また、HTMLに新しいタグが追加されたときの互換性も確保します。
いくつかのリソース
- Web Componentsのサンプルは、以下のサイトで公開されています。 https://WebComponents.org
- WebComponents.js は、Web Components があらゆる場所でサポートされるようになるまで、Web Components のポリフィルとして機能します。また WebComponents.js githubページ & ウェブブラウザ対応表 .
関連
-
[解決済み] CSS - カーソルを置いたときに塗りつぶしの色を変更する - SVG PATH
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] セルフクローズスクリプトエレメントが機能しないのはなぜですか?
-
[解決済み] divの中のテキストを縦に揃えるにはどうしたらいいですか?
-
[解決済み] inline/inline-block要素間のスペースを削除するにはどうすればよいですか?
-
[解決済み] HTML5の数値入力のスピンボックスを非表示にすることはできますか?
-
[解決済み] HTML5でfloat入力タイプはありますか?
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 横型リストアイテム
-
[解決済み] input type="button "に背景画像を追加するには?
-
[解決済み] XHTMLの自己完結型タグを除くオープンタグにマッチするRegEx
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] CSSでdivのアスペクト比を維持する
-
[解決済み] ローカルストレージとCookieの比較
-
[解決済み] 入力テキストボックスの値を取得する
-
[解決済み] フレックスアイテムを右寄せにするには?
-
[解決済み] Flexbox:水平方向と垂直方向の中央揃え
-
[解決済み] label要素の中にinput要素を入れるべきですか?