Example E0: iframes
<body>
<h1>DAILY PLANET</h1>
<div style="display:flexbox">
<iframe src="a.html" style="float:left"></iframe>
<iframe src="b.html" style="float:left"></iframe>
<iframe src="c.html" style="float:left"></iframe>
</div>
</body>
DAILY PLANET
a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a
b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b
c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c c
Example E1: page frames - (new) elements
<head>
<pageflow src="a.html" />
</head>
<body>
<h1>DAILY PLANET</h1>
<flexbox>
<page flow="a"/>
<page flow="a"/>
<page flow="a"/>
</flexbox>
</body>
DAILY PLANET
a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a
a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a
a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a
Example E2: page frames - elements with (new) attributes
<head>
<object data="a.html" flowto="a" />
</head>
<body>
<h1>DAILY PLANET</h1>
<div style="display:box;">
<div flowfrom="a"></div>
<div flowfrom="a"></div>
<div flowfrom="a"></div>
</div>
</body>
DAILY PLANET
a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a
a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a
a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a
Example E3: regions - elements with (new) properties
<body>
<div style="flow:a">a a a a a ... </div>
<!-- or perhaps <iframe src="a.html" style="flow:a"> -->
<h1>DAILY PLANET</h1>
<div style="display:box;">
<div style="content:from(a)"></div>
<div style="content:from(a)"></div>
<div style="content:from(a)"></div>
</div>
</body>
DAILY PLANET
a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a
a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a
a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a
Example E4: regions - slots
<style>
body::slot(columns) { display:box; }
%columns::slot(a1) { content:from(a); }
%columns::slot(a2) { content:from(a); }
%columns::slot(a3) { content:from(a); }
</head>
<body>
<div style="flow:a">a a a a a ... </div>
<h1>DAILY PLANET</h1>
</body>
DAILY PLANET
a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a
a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a
a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a