Use 2 spaces for indentation in your file (not a tab character)
> to make sure your formatting will look the same everiwhere
Remember about correct indentation between parent and child elements
> Each level of nesting, including text, contained inside the element, requires 2-space offset.
Also blank line shouldn't be between parent and child elements.
GOOD example
```html
Awesome text
```
BAD example
```html
Awesome text
```
Add empty lines between multiline sibling blocks of HTML
> To add some "air" and simplify reading. But don't add them between parent and child elements.
GOOD Example
```html
```
Keep your attributes correctly formatted
> If the HTML-element has long attribute values or number of attributes is more than 2 - start each one,
including the first, on the new line with 2-space indentation related to tag.
Tag’s closing bracket should be on the same level as opening one.
GOOD Example
```html
```
BAD Examples
```html
```
Lines of code have 80 chars max
> It is just easier to read such lines
HTML Content
Use semantic tags where possible
> Like `header`, `section`, `article`, `p`. It improves your page SEO and helps screen readers. `div` and `span` does not have any meaning
alt attribute should describe the image content
GOOD example
```html
```
REALLY BAD example
```html
```
STILL BAD example
```html
```
Class names represent the meaning of the content (not the styles or tag names)
GOOD example
```html
```
BAD example
```html
```
Don't use spaces in links
> Have you seen any link with literal space in it on the Internet? Remember, anchor links start with `#`
CSS
Don't use * selector (it impacts performance)
> Set styles only for elements that require them.
> Zeroing out your margins, paddings or other styles with '*' is still inefficient for browser.
Don't use tag names for styling (except html and body)
> Style all elements using `.classes` and if needed with `:pseudo-classes`, `pseudo-elements` and `[attributes]`
HTML Example
```html