LogoLogo
  • 🧙‍♂️Dude Coding Standards
  • HTML
    • Accessible HTML Guidelines
      • Blocks
      • Upper title/Prefix
      • Global links
      • Search form
    • HTML elements
      • Lists
      • Headings
  • PHP
    • PHP Guidelines
    • Linting PHP with PHP_CodeSniffer
  • CSS
    • CSS and SCSS Guidelines
      • Naming Conventions
        • Custom properties and variables
        • Naming classes
      • Defining font families
      • Nesting
    • Stylelint
  • SVGs
    • Importing SVG files into a project
    • SVGs and accessibility
    • Styling SVGs
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub
Export as PDF
  1. HTML
  2. HTML elements

Headings

We use the word "heading" instead of "title".

Last updated 3 months ago

Was this helpful?

Please note: Class names should go hand in hand with .

<h2 class="heading-block">Heading</h2>

Sometimes headings don't need any class. So do not add classes without reason. No class needed in following cases:

  • If the heading follow the generic typographic styles

  • If the heading style is used only once

  • If there is no component or classes in CSS

CSS Naming Conventions