UI元素的语义HTML5

使用 HTML5,为结构化文档(如博客文章或长文本)添加了许多其他元素.但是我遇到的问题是构建UI组件的语义方式.
在典型的Web应用程序中,您有许多不同的组件,例如模态,按钮元素,交互表单,容器等.通常情况下,我看到那些东西只使用div和span构建或者滥用标题,foote和nav元素,我感觉我错过了一些东西.

使用div元素创建所有结构元素而不是内容相关元素真的是语义吗？未来会有更多元化的选择吗？

编辑：这是我的意思的一个简短例子：

<div class="modal foo">
    <div class="inner wrapper">
        <div class="upper bar">
            <div class="inner">
                <div class="window-name">
                    <span class="upper heading">
                        <h1>Foo</h1>
                    </span>
                    <span class="lower heading">
                        <h3>Extra Baz</h3>
                    </span>
                </div>
                <div class="buttons">
                    <div class="button close"><span class="icon"><i>×<i></span></div>
                    <div class="button maximize"><span class="icon"><i class="fa fa-maximize"><i></span></div>
                </div>
            </div>
        </div>
        <div class="content well">
            <!-- 
                Whatever happens inside the modal window named foo.
                Pretty sure it needs many divs as well,though.
            -->
        </div>
        <div class="lower bar">
                <div class="buttons">
                    <div class="button help"><span class="icon"><i>?<i></span></div>
                </div>
                <span class="info">
                <p>Enter your barbaz.</p>
            </span>
        </div>
    </div>
</div>

解决方法

HTML 5.1的最后一个W3C工作草案于两天前,即4月13日发布,它是“以语义为中心的”：见

http://www.w3.org/TR/html51/Overview.html

这是一个有趣的阅读,同时等待最常见的浏览器实现所有那些花哨的东西.

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?

当然！像往常一样,有很多专有的前缀,只是为了让我们的生活更加繁忙.