問題タブ [details-tag]

私は今でもまだ早いですが、皆さんがその上にいることも知っています。

HTML5の詳細要素を使用したい：

この記事の執筆時点で、Chrome 12ベータ版は、詳細要素の機能を実際に提供する唯一のブラウザーです（概要をクリックすると、詳細コンテンツが切り替わります）。したがって、次の質問に答えるには、おそらくそのブラウザを使用することをお勧めします。

Chromeの詳細要素にデフォルトで表示される矢印を非表示にする方法を知っていますか？

<input type="search" />これは、Webkitのデフォルトのスタイルに少し似ています（ http://css-tricks.com/webkit-html5-search-inputs/を参照）。あなたはそれを変えることができますが、それはそれほど明白ではありません。

編集

次のCSSコードを試しましたが成功しませんでした。

おそらく、のような奇妙な疑似セレクターでターゲットにする必要がある可能性があります。そうでない場合はdetails::-webkit-details-disclosure-widget、現在、状況をまったく変更する方法がありません。

さらに、私はこれを仕様で見つけました：

最初のコンテナには少なくとも1つのラインボックスが含まれている必要があり、そのラインボックスには、詳細要素の左側のパディング内に水平に配置された開示ウィジェット（通常は三角形）が含まれている必要があります。そのウィジェットは、ユーザーが詳細の表示または非表示を要求できるようにすることが期待されています。

詳細要素は、アコーディオンをマークアップするのに意味的に適切ですか?

例：

仕様がその使用法についてあまり明確ではないため、この質問をします。詳細要素が開示ウィジェットであることを示しているだけです。私は確かに、意図されていないものに要素を使用したくありません。

編集

このようなものは意味的により適していますか?

ありがとう！

この問題は、ここの例で簡単に説明できます。

コードは次のようになります。

HTML：

JS：

問題は、「World」をクリックすると「Something」が表示されますが、「Hello」も下がるということです。

「World」をクリックしても「Hello」はそのままになります。

助言がありますか？前もって感謝します！

この HTML5 のスニペットの CSS を使用してアイコンを変更したいと思います。

手がかりはありますか？

最初の質問だけを表示する必要がある FAQ ページ<details>に HTML5を使用したいと考えていました。このため、他のブラウザ用の jquery フォールバック プラグインが見つかりました (現在は chrome のみがサポートされています)。

jQueryの助けを借りて、FAQの回答を切り替えるためのデフォルト以外の効果を与えることができるようになりました。

前もって感謝します。

タイトルにあるように、詳細タグ内に画像を配置すると、ユーザーの帯域幅が節約されるので、ユーザーが画像を開くまで読み込まれませんか？

私のプロジェクトでは、テーブル（拡張可能）を作成する必要がある状況に遭遇しました。
divとspanを使用して実装しました。
私の先輩はtiにtd、trを使ってそれを実装するように頼んでいます

私の実装はhttp://jsfiddle.net/agasthyanavaneeth/eLf5K/6/embedded/result/
です。
ありがとうございます:)

HTML の詳細タグは、折りたたみ可能なコンテンツのチャンクです。閉じた (折りたたまれた) 詳細タグを宣言するには、次のように記述します。

そして、書くことによって開いた（拡張された）もの

openAngularでタグ (この場合は具体的には属性) から属性を動的に追加および削除するにはどうすればよいですか?

cssを使用してマウスホバーで詳細ドロップダウンを作成する方法について誰か助けてもらえますか

これはhtmlコードです

マウスを置いたときにドロップダウンするためのcssコードが必要です。これについて誰か助けてもらえますか?

jQueryなしでhtml5の詳細要素をアニメーション化することは可能ですか?

詳細要素をアニメーション化する jQuery フォールバックを Web でいくつか見たことがありますが、 jQuery は使用したくありません。

詳細要素をアニメーション化する jQuery の例: http://afarkas.github.io/webshim/demos/demos/details.html