有时候，我们需要组合使用几个块元素才能形成一个独立的区域整体，比如一个复杂的示例、强调某几个段落的内容。这时，你可以使用内容分区。
内容分区会被编译为 HTML 中的 <div 元素。如果内容分区中的第一个元素是标题，内容分区会被编译为 <section> 元素，并使用标题中的文本作为 <section> 元素的 @id 属性值。
内容分区以三个或三个以上连续的冒号（:）开始，冒号后面输入内容分区的属性。属性的后面可以继续输入三个或三个以上连续的冒号，也可以不输入。
内容分区以三个或三个以上连续的冒号结尾。内容分区开始处和结尾处的冒号数量可以相等，也可以不相等。
内容分区支持自嵌套。
::: abstract
求职面试是一个双向选择的过程：潜在雇主面试你，你也在面试对方。毕竟，你不是来者不拒，而是想要一份合适的工作。
但调查显示，2/3 的员工表示自己入职的工作并不适合自己，1/2 的员工在入职半年以内就辞职了。
:::<div class="abstract">
<p>求职面试是一个双向选择的过程：潜在雇主面试你，你也在面试对方。毕竟，你不是来者不拒，而是想要一份合适的工作。</p>
<p>但调查显示，2/3 的员工表示自己入职的工作并不适合自己，1/2 的员工在入职半年以内就辞职了。</p>
</div>::::: notes :::::
::: point
# 反复调整时间
反复调整时间意味着，他们没有把人才或职位放是首位，没有意识到人才战争的重要性。
:::
::: point
# 不尊重他人
如果你在面试中遇到的人不懂得尊重他人，这不仅预示着该组织可能高度封闭，也说明其工作氛围容易让人失去安全感。
:::
:::::::::::::::::<div class="notes">
<section id="反复调整时间" class="point">
<h1>反复调整时间</h1>
<p>反复调整时间意味着，他们没有把人才或职位放是首位，没有意识到人才战争的重要性。</p>
</section>
<section id="不尊重他人" class="point">
<h1>不尊重他人</h1>
<p>如果你在面试中遇到的人不懂得尊重他人，这不仅预示着该组织可能高度封闭，也说明其工作氛围容易让人失去安全感。</p>
</section>
</div>