`for` attribute or the `out-of-order patching section` (nominal)

by Julien Roche

HTML

<h1>How to train your cat</h1>
<p>Set realistic goals and don't expect your cat to make a perfect cup of tea
on the first try.</p>
<aside>
  <p>Recommended reading:</p>
  <?start name="recommended">
  <blink>Wait we are here soon</blink>
  <?end>
</aside>
<p>...</p>
<p>Now sit back and enjoy your tea with your cat.</p>

<!-- Server rendering is long -->
<template for="recommended">
  <ul>
    <li>Cat or butler, which is right for you?</li>
    <li>Rewarding good cat behavior</li>
    <li>Kettles considered harmful</li>
  </ul>
</template>

CSS

.blink, blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}