All pages
Powered by GitBook
1 of 3

HTML elements

Under this doc you'll find out how you should do the markup of HTML elements.

Lists

Wrong

Why it is wrong

Hard to read.

<ul><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li></ul>

Right

Why it is right

Easy to read.

<ul>
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul>

Headings

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

Please note: Class names should go hand in hand with CSS Naming Conventions.

<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