Fonts 在排版中使用标题标签还是使用P标签并添加自定义类更好？

我正试图找到组织排版的最佳系统：

方法A：

<h1> hello</h1>

你好 或

方法B：

<p class="as_large_as_H1"> Hello </p>

你好

其中一个更好，还有其他关于网页模板正确排版的指导方针吗

我的字体到处都是，试图整合某种系统。

引用

仅对标题使用HTML标题。不要使用标题来制作文本 大的或大胆的。搜索引擎使用你的标题来索引结构 和网页内容

如果文本是标题、副标题、章节标记等，则使用标题标记。如果只是很酷的排版，可以使用CSS放大文本

编辑 如果您希望合并文本样式，最好选择几种通用字体大小，并为它们提供修改器类：

.small-font  { font-size: 0.75rem; }
.normal-font { font-size: 1rem;    }
.large-font  { font-size: 1.25rem; }
.huge-font   { font-size: 1.5rem;  }

---

回答很好，但将等待更多反馈，谢谢；）对于现有项目的重构，方法B更合理，因为它提供了更高级别的控制。这是该方法的示例：