Skip to content

Harlowe HTML#

Harlowe uses a variety of HTML elements and attributes to organize its stories.

The following are snapshots of HTML element differences between major versions in Harlowe.

Harlowe 1.X#

<tw-story>
  <tw-passage>
    <tw-sidebar>
    <tw-icon tabindex="0" class="undo" title="Undo" style="visibility: hidden;"></tw-icon>
    <tw-icon tabindex="0" class="redo" title="Redo" style="visibility: hidden;"></tw-icon>
    </tw-sidebar>
    <tw-expression type="macro" name="link-goto">
      <tw-link tabindex="0" passage-name="Another" data-raw="">Another</tw-link>
    </tw-expression>
  </tw-passage>
</tw-story>

Harlowe 2.X#

<tw-story tags="">
  <tw-passage tags="">
  <tw-sidebar>
    <tw-icon tabindex="0" class="undo" title="Undo" style="visibility: hidden;"></tw-icon>
    <tw-icon tabindex="0" class="redo" title="Redo" style="visibility: hidden;"></tw-icon>
  </tw-sidebar>
  <tw-expression type="macro" name="link-goto">
    <tw-link tabindex="0" passage-name="Another" data-raw="">Another</tw-link>
  </tw-expression>
  </tw-passage>
</tw-story>

Harlowe 3.X#

<tw-story tags="">
  <tw-passage tags="">
    <tw-sidebar>
      <tw-icon tabindex="0" class="undo" title="Undo" style="visibility: hidden;"></tw-icon>
      <tw-icon tabindex="0" class="redo" title="Redo" style="visibility: hidden;"></tw-icon>
   </tw-sidebar>
   <tw-expression type="macro" name="link-goto">
     <tw-link tabindex="0" data-raw="">Another</tw-link>
   </tw-expression>
  </tw-passage>
</tw-story>