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