semantic ui html5,html - Semantic HTML5 for UI elements - Stack Overflow

With HTML5, there were many additional elements added for structuring documents like blog posts or long texts. But what I have problems coming up with is a semantic way of structuring UI components.

On a typical webapp, you have many different components such as modals, button elements, interacitve forms, containers, and so on. Often, I see those things being constructed using div and span only or by misusing header, footerand nav elements and I get the feeling I missed something out.

Is it really semantic to create all structural, not content-related elements using the div element only? Will there be a more diverse element choice in the future?

EDIT: Here's a short example of what I mean:

Foo

Extra Baz

×

?

Enter your barbaz.