html - How do I present one article in multiple places and keep its semantics intact? -


I am working on enabling CMS to present different parts of an article in different places of the web page I am

CMS provides a grid layout, which contains the devil element, in which the "box" can be placed. Each box can be configured to present a certain part of the article, or anything else for that matter. The authors are allowed to drag and drop these boxes in the grid, because they please.

For example, there may be a description of a division within an organization, in which a brief summary of the dissection, the contact information and upcoming events being organized by division should be set to summarize a box. The second box can present contact information, and a third box can present upcoming events in a calendar design format.

As long as all three boxes are placed in the grid, the order in the same div will provide all the necessary semantics to inform anyone by wrapping them into an article tag that all three boxes are of the same article Introduce various aspects. But what happens when boxes containing unrelated content are thrown between the three? Here's a simple example:

  & lt; Div id = "main" & gt; & Lt; Div class = "box" & gt; ... Related departments speak corporate ... & lt; / Div & gt; & Lt; Div class = "box" & gt; ... related division contact information ... & lt; / Div & gt; & Lt; / Div & gt; & Lt; Div id = "advertising" & gt; & Lt; Div class = "box" & gt; ... unrelated ad ... & lt; / Div & gt; & Lt; / Div & gt; & Lt; Div id = "right" & gt; & Lt; Div class = "box" & gt; ... unrelated login form ... & lt; / Div & gt; & Lt; Div class = "box" & gt; ... related partition event calendar ... & lt; / Div & gt; & Lt; / Div & gt;  

As far as I know, there is no way to explicitly specify that each of the three boxes are all related using the standard HTML feature.

Is it possible once it has been divided in such a way to maintain the meaningful integrity of the article? Does schemaoro markup provide any help here?

PS: Cheating my way to visual equivalent presentation using CSS Positioning Tricks is not an option.


Comments