wulin.com(www.vevb.com)の記事の紹介:詳細タグの出現により、ユーザーエクスペリエンスが向上し、この縮小と展開効果のためにJSを作成する必要はありません。
詳細タグの出現により、ユーザーエクスペリエンスが向上し、この縮小と展開効果のためにJSを作成するためにJSを作成する必要はありません。注:現在、Chromeのみがこのタグをサポートしています。
詳細には、新しく追加されたサブタイトル - 要約があります。マウスが要約タグのコンテンツテキストをクリックすると、詳細タグの他のすべての要素が展開または縮小します。
Detalisタグ:
ケース1:
要約タグが詳細に存在しない場合はどうなりますか?実際、詳細要素に概要タグがない場合、ブラウザは、詳細やその他のローカライズされたテキストなどのローカライズされたテキストなど、解析時にデフォルトのテキストを提供し、ブラウザは上下の矢印などのアイコンも提供します。たとえば、以下のケース2は、要約サブラベルがない例です。
ケース2:
Detalisのコンテンツがデフォルトで拡張状態になった場合、時々、どうすればよいですか?
実際、HTML5も私たちを思いついています。要件がある場合は、ケース3など、1つの属性を追加するだけです。
オープンプロパティ:
次のように、ケース1のコードを変更します。
ケース3:
このことから、HTML5が非常に便利になっていることがわかります。