I'm trying to find a good naming structure to name commonly "elevated" elements in box-like components. What I mean by this is not buttons or similar things, but rows with different background colors, often used in elements like table-headers/footers, cards, WYSIWYG editors and similar "header" elements. In fact, while asking this question, StackExchange already gives me 2 examples for these "elevated" elements:
Now, the obvious term may be "header", but I'm looking for a more generalized word since this can often apply for footers and elements that aren't considered headers. "Elevation" may be a good term for it, but perhaps there is something a bit more neutral (since the styling doesn't necessarily elevate these elements - as seen with StackExchange's text editor).
My goal is just to have some structure when it comes to wording and styling. Similar terms are "container", "card", "nav", "header", "body", "footer", "hero", etc. I'm missing a good descriptor to refer to these common "elevated" elements/rows.
Are there any best practices or common terms for naming these things?