语义化标题是指使用 HTML 标签来表示页面内容的结构和层次，让页面更易于理解和访问，也有利于搜索引擎优化。
要使用 HTML 实现语义化标题，可以使用 h1-h6 标签来表示不同层次的标题，如下所示：
<h1>这是一级标题</h1>
<p>这是一段普通的文本。</p>
<h2>这是二级标题</h2>
<p>这是一段普通的文本。</p>
<h3>这是三级标题</h3>
<p>这是一段普通的文本。</p>在以上示例中，我们使用了 h1、h2 和 h3 标签来表示不同层次的标题，同时使用 p 标签来表示普通文本。需要注意的是，h1 标签应该只出现一次，作为页面的主标题，后面的标题应该按照层次递增。此外，我们还可以使用 pre 标签来表示代码块，如下所示：
<h3>这是三级标题</h3>
<pre>
<code>
function add(a, b) {
return a + b;
}
</code>
</pre>在以上示例中，我们使用了 pre 和 code 标签来表示代码块，增加了代码的可读性。此外，我们还可以使用 span 标签来给重要的关键词加上高亮颜色，如下所示：
<h3>这是三级标题</h3>
<p>这是一段包含<span style="color: red;">重要关键词</span>的文本。</p>在以上示例中，我们使用了 span 标签来给重要关键词加上红色的高亮颜色。需要注意的是，应该尽量避免使用行内样式，而是使用 CSS 样式来控制页面的样式。