details nested within elements, elements nested within details
Classified as: flow content, sectioning root, interactive content, palpable content
Parents, details
Children, details
Examples: details parents, details children
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | <!doctype html> <> <> <>...</> </> <> <> </> </> </> |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!doctype html> <> <> <>...</> </> <> <> <>...</> ... </> </> </> |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <!doctype html> <> <> <>...</> <>...</> </> <> <> <> ... </> </> </> </> |
Syntax 1: Valid, details nested within body: allowed
Syntax 2: Valid, summary nested within details, as first child: allowed and required
Syntax 3: Invalid, details nested within head, h1: not allowed