Ist es besser, Überschrift-Tags für Typografie zu verwenden oder P-Tags zu verwenden und benutzerdefinierte Klassen hinzuzufügen?

Question

Ich versuche, das beste System zu finden, meine Typographie zu organisieren:

Eine Methode:

<h1> hello</h1> 

oder

Methode B:

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

Hexe besser ist, irgendwelche anderen Richtlinien zur korrekten typografischen Verwendung auf Templating für das Netz?

Meine Schriften sind überall und versuchen, eine Art von System zu konsolidieren.

Answer 1

W3 Schools zu zitieren ...

HTML verwenden Schriften für nur Überschriften. Verwenden Sie keine Überschriften, um Text BIG oder fett zu machen. Suchmaschinen verwenden Ihre Überschriften, um die Struktur und den Inhalt Ihrer Webseiten zu indizieren.

Wenn der Text ein Titel, Untertitel, Abschnittsmarker usw. ist, dann verwenden Sie ein Überschrift-Tag. Wenn es nur eine coole Typografie ist, verwenden Sie CSS, um den Text zu vergrößern.

bearbeiten

Wenn Sie sich auf Ihren Textstile zu konsolidieren, kann es eine gute Idee, ein paar Schriftgrößen zur Auswahl universell und geben ihnen Modifikator Klassen zu verwenden:

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