“HTML标签”中可以任意设置需要的heading等级,还可以将标题内容设置为<div>、<span>和<p>标签,这三者分别代表的是块内容、行内元素无固定格式和段落文字内容。选择完之后在“样式”中对“尺寸”进行修改,单位可以是px、em、rem和。“重量”即字体的粗细。

如果想突出文章中的部分段落或重要文字,可以选择加粗的形式来显示目标文字。在HTML中为文字进行加粗有多种方法,但是不同的操作传递出的代码信息是有区别的。以<strong>和<bold>为例,两者在前端的表现是一致的,但是<strong>所表达的意思是这部分内容比较重要,需要着重强调;而<bold>这个标签仅表示文本加粗,没有对其所包含的文本信息进行强调的意思。简单点说就是,<bold>是为了加粗而加粗,而<strong>是为了标示重点内容而加粗。

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

如果想对同一个heading中的不同单词或者不同字符设置不同的文字大小和颜色,Elementor页面编辑器支持以内联CSS代码的形式进行操作。

对于“this”这个单词,用了代码<span style="color: red";>来对其颜色进行修改;而对于“P”这个字母,用了代码<span style="color: blue;font-size:50px";>来设置其颜色和单字母大小。这样就可以在Elementor编辑器的样式功能中改动相关CSS选项的参数,修改不同单词的文字效果。

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

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

关于检查网站页面内容中heading设置有一个小技巧,该技巧更加适合在文章页面中使用。Elementor页面编辑器中有一个小部件叫“内容目录”,当拖动该小部件到网站页面上的时候,就会自动显示该页面的heading各层级的内容。

通过右侧的heading层级结构,能很清楚地看到该页面的主要内容框架,然后可以根据需要进行增添或者删除操作。如果不想要页面上出现这个内容,那么在调整完页面内容之后再删掉该部分内容即可。

(本文内容根据网络资料整理,出于传递更多信息之目的,不代表连连国际赞同其观点和立场。)