首页

heading标签的等级不同，在页面上的呈现样式与使用方式也有讲究。下面讲解heading标签的排版调整方法、相关文字样式标签的区别以及使用中的注意事项。

在默认状态下，从<h1>到<h6>，不同等级的heading文字在网站前端表现出的大小是不一致的，且从大到小进行排列。但是在同一篇文章中，不管是<h1>还是<h6>，都应该是作为正文存在的，理论上来说是不应该有字体大小之分的。所以我们可以用代码或者页面编辑器进行修改。

以Elementor编辑器为例，如果要调整heading的大小，则需要在heading的"样式"中进行修改。在"HTML标签"中我们可以任意设置需要的heading等级，还可以将标题内容设置为<div>、<span>和<p>标签，这三者分别代表的是块内容、行内元素无固定格式和段落文字内容。选择完之后在"样式"中对"尺寸"进行修改，单位可以是px、em、rem和vw。"重量"即字体的粗细。

如果想突出文章中的部分段落或重要文字，可以选择加粗的形式来显示目标文字。在HTML中为文字进行加粗有多种方法，但是不同的操作传递出的代码信息是有区别的。以<strong>和<b>为例，两者在网站前端的表现形式都是让文字加粗，但意义却完全不同：<strong>是基于内容的强调样式，<b>是基于物理特性的样式，仅仅是让文字在视觉效果上变粗。

与此类似的还有一组标签，即<em>和<i>。两者在网站前端的表现形式都是让文字倾斜，但意义却完全不同。<em>是基于内容的样式，<i>是基于物理特性的样式。em是emphasized的缩写，这个单词本身就有强调的意思，而<i>表示的是无意义的倾斜，仅仅是改变视觉效果。对于文字的倾斜效果，不建议用<i>标签进行设置，在CSS中用代码进行处理效果会更好。

如果想对同一个heading中的不同单词或者不同字符设置不同的文字大小和颜色，Elementor页面编辑器支持以内联CSS代码的形式进行操作。对于"this"这个单词，我们用了<span style="color:#……">这样的代码来对其颜色进行修改；而对于"P"这个字母，我们用了<span style="color:#……;font-size:……">这样的代码来设置其颜色和单字母大小。这样就可以在Elementor编辑器的样式功能中改动相关CSS选项的参数，修改不同单词的文字效果。

在使用heading的过程中，一般很少会用到<h4>~<h6>等级的标签，一般情况下使用到<h2>或者<h3>层级就足够说明中心思想了。要注意一点，不要将不同层级的heading混用。

在heading中，我们也可以使用关键词，但是和其他运用关键词的项目一样，不要出现关键词堆砌的情况。

关于检查网站页面内容中heading设置有一个小技巧，该技巧更加适合在文章页面中使用。Elementor页面编辑器中有一个小部件叫"内容目录"，当我们拖动该小部件到网站页面上的时候，就会自动显示该页面的heading各层级的内容。通过右侧的heading层级结构，我们能很清楚地看到该页面的主要内容框架，然后可以根据需要进行增添或者删除操作。如果我们不想要页面上出现这个内容，那么在调整完页面内容之后再删掉该部分内容即可。