如何在多个位置呈现一篇文章并保持其语义完整?

时间:2014-10-27 10:10:55

标签: html html5 semantic-markup article

我正致力于让CMS在网页的不同位置展示文章的各个部分。

CMS提供由div元素组成的网格布局,其中可以放置“框”。每个盒子可以被配置为呈现物品的某个部分或其他任何内容。允许作者随意将这些框拖放到网格中。

一篇文章可以举例说明组织内的一个部门,其中包含该部门主持的部门,联系信息和即将举办的活动的文本摘要。可以设置一个框来呈现摘要,另一个框可以呈现联系信息,第三个框可以以日历设计格式呈现即将发生的事件。

只要所有三个框都按照网格中相同div中的顺序放置,将它们全部包装在文章标签中将提供通知任何人所有三个框呈现同一文章的不同方面所需的语义。但是当三者之间插入具有不相关内容的盒子时会发生什么?这是一个简化的例子:

<div id="main">
    <div class="box">
        ... Related division corporate speak ...
    </div>
    <div class="box">
        ... Related division contact info ...
    </div>
</div>
<div id="ads">
    <div class="box">
        ... Unrelated advertisement ...
    </div>
</div>
<div id="right">
    <div class="box">
        ... Unrelated login form ...
    </div>
    <div class="box">
        ... Related division events calendar ...
    </div>
</div>

据我所知,没有办法使用标准HTML属性明确指定三个框中的每一个都是相关的。

一旦像这样划分文章,是否有可能保持文章的语义完整性? schema.org标记在这里提供任何帮助吗?

PS:使用CSS定位技巧欺骗我的视觉等效演示不是一种选择。

0 个答案:

没有答案