details要素

1. <div>
2. <details>
3. <summary>summary</summary>
4. details
5. </details>
6. </div>

div要素はフローコンテンツを配置できます。ですので div要素のコンテンツの一部として details要素を配置する事ができます。

1. <div>
2. <a href="./index.htm">
3. <div>
4. <details>
5. <summary>summary</summary>
6. details
7. </details>
8. </div>
9. </a>
10. </div>

1. <div>
2. <a href="./index.htm">
3. <div>
4. (details)
5. (summary)
6. summary
7. (/summary)
8. details
9. (/details)
10. </div>
11. </a>
12. </div>

a要素は子孫にインタラクティブコンテンツを受け付けない要素です。ですので a要素のコンテンツの子孫として details要素を配置する事ができません。

a要素は透過的コンテンツなので、祖先の要素に配置できるコンテンツを配置できます。祖先の div要素はフローコンテンツを配置できます。ですので details要素がインタラクティブコンテンツである以外では配置する事ができる条件です。
a要素などの検証の為に、details要素をタグを書き換える事により文字データとしてみました。 あくまで文法としての例であって、実用として a要素と details要素の機能を合わせたい事はないかと思います。

1. <details>
2. <summary>summary</summary>
3. <div>details</div>
4. </details>

summary要素は、配置できます。div要素はフローコンテンツですので details要素のコンテンツの一部として div要素を配置する事ができます。

1. <details open>
2. <summary>summary</summary>
3. <div>details</div>
4. </details>

open属性は、要約と追加情報の両方が初期表示される事を示す論理属性です。属性が存在しない場合は、要約のみが表示されます。