空の HTML データ属性は有効ですか? 質問する

空の HTML データ属性は有効ですか? 質問する

指定された要素の下にインライン モーダルを表示するシンプルな jQuery プラグインを作成したいと思います。要素に指定されたデータ属性に基づいてスクリプトを自動初期化するというアイデアです。

非常に基本的な例:

<p data-modal-target>Hover over me for an inline modal!</p>
<div data-modal-content data-modal-align="right" data-modal-trigger="hover" data-modal-offset="10px"><!-- any desired syntax can go here --></div>

data-modal-target上記の例の は有効か、有効でなければならないのか疑問に思っていますdata-modal-target="true"。IE9 などより劣るものは気にしません。唯一の要件は、有効な HTML であることです。

ベストアンサー1

はい、完全に有効です。あなたの場合、data-modal-targetブール属性を表します:

2.4.2 ブール属性

要素にブール属性が存在する場合は true 値を表し、属性が存在しない場合は false 値を表します。

おすすめ記事