Blockmark Usages

I hope the following blockmark usage examples would help clarify the many blockmarks and associated usages.

<!-- do not need conditional, no output if empty -->
<%stf_teaser%>


<!IoRangeConditional>
<div class="orange">
    <%stf_teaser%>
</div>
<!/IoRangeConditional>


<!IoRangeRedDotMode>
<!-- this is shown in SmartEdit, either open or closed
<div class="reddot-area">
    <!IoRedDotOpenPage>
    <!IoRangeNoEditMode>
    <!-- this is shown when this section is closed in SmartEdit -->
    <div class="reddot-closed">[Open to Edit]</div>
    <!/IoRangeNoEditMode>
    <!IoRangeRedDotEditOnly>
    <!-- this is shown when this section is open in SmartEdit -->
    <div class="reddot-opened">[Close to Edit]</div>
    <!/IoRangeRedDotEditOnly>
</div>
<!/IoRangeRedDotMode>


<!--
if you want to produce repeatable HTML with variable content,
and the links go to the DIFFERENT sub folder

<ul>
    <li><a href="/products/link1.htm">link 1</a></li>
    <li><a href="/news/link2.htm">link 2</a></li>
    <li><a href="/about-us/link3.htm">link 3</a></li>
</ul>
-->

<ul>
    <!IoRangeDynLink>
    <li><%anc_dyn_links%></li>
    <!/IoRangeDynLink>
</ul>


<!--
if you want to produce repeatable HTML with variable content,
and the links go to the SAME sub folder

<ul>
    <li><a href="/products/link1.htm">link 1</a></li>
    <li><a href="/products/link2.htm">link 2</a></li>
    <li><a href="/products/link3.htm">link 3</a></li>
</ul>
-->

<ul>
    <!IoRangeList>
    <li><%lst_links%></li>
    <!/IoRangeList>
</ul>