The <summary> element goes in tandem with the <details> tag. It references the heading that users should click or tap to see details. For example, the accordion control represents a stack of collapsed sections. The <summary> tag defines a heading, while the <details> tag specifies the section content that stays invisible until users click it.