Wofür ist die Methodik in HTML notwendig?

Die Methodik in HTML ist notwendig, um die Standardisierung, Strukturierung und Effizienzsteigerung des Schreib- und Wartungsprozesses zu gewährleisten.

Sie stellt sicher:

• Lesbarkeit und Wartbarkeit: Einheitliche Regeln für die Benennung von Klassen, Identifikatoren und die Struktur des Markups machen den Code für andere Entwickler verständlich und erleichtern Änderungen.
• Vorhersehbarkeit: Wenn man die Regeln der Methodik kennt, kann der Entwickler vorhersagen, wie ein Element aussehen und sich verhalten wird, basierend auf seiner Klasse oder Struktur.
• Skalierbarkeit: Die Methodik hilft, den Code so zu organisieren, dass er leicht erweitert und in großen Projekten gewartet werden kann.
• Code-Wiederverwendung: Klare Trennung in Komponenten und Module ermöglicht die einfache Wiederverwendung von Markup-Blöcken in verschiedenen Teilen des Projekts.
• Konsistenz: Alle Teammitglieder folgen den gleichen Regeln, was das Auftreten von uneinheitlichem Code verhindert.

Häufig verwendete Methodiken:

• BEM (Block, Element, Modifier): Strenge Benennungskonvention, die hilft, die Benutzeroberfläche in unabhängige Blöcke zu unterteilen. block__element--modifier.

  <!-- Block -->
  <div class="button">
    <!-- Element -->
    <span class="button__text">Klicken</span>
  </div>
  
  <!-- Modifier -->
  <button class="button button--primary">Senden</button>
  

• SMACSS (Scalable and Modular Architecture for CSS): Organisiert CSS in fünf Kategorien: Base, Layout, Module, State, Theme.

• OOCSS (Object-Oriented CSS): Konzentriert sich auf die Trennung von Struktur (structure) und Gestaltung (skin), sowie auf die Trennung von Container (container) und Inhalt (content).

Die Wahl der Methodik hängt vom Projekt, dessen Umfang und den Vorlieben des Teams ab. Wichtig ist, die gewählte Regel konsequent zu befolgen.