<!-- item.xhsml -->
<template name="item">
  <text>{{text}}</text>
</template>

<import src="item.xhsml"/>
<template is="item" data="{{text: 'forbar'}}"/>

<!-- A.xhsml -->
<template name="A">
  <text> A template </text>
</template>

<!-- B.xhsml -->
<import src="a.xhsml"/>
<template name="B">
  <text> B template </text>
</template>

<!-- C.xhsml -->
<import src="b.xhsml"/>
<template is="A"/>  <!-- Error! Can not use tempalte when not import A. -->
<template is="B"/>

<!-- index.xhsml -->
<include src="header.xhsml"/>
<view> body </view>
<include src="footer.xhsml"/>

<!-- header.xhsml -->
<view> header </view>

<!-- footer.xhsml -->
<view> footer </view>