Poprawny zapis (wcięć) poszczególnych tagów HTML

Question

Mój problem jest stosunkowo błahy, aczkolwiek trapi mnie kilka kwestii, jeśli chodzi o poszczególne wcięcia w kodzie. Najlepiej będzie, jeśli zobrazuję to wszystko kilkoma screenami: 

https://s17.postimg.org/d3015v0a5/image.png

Dla mnie do pewnego momentu był to standardowy zapis, aczkolwiek jest on ponoć nieczytelny. 

https://s17.postimg.org/h3gd9hamn/image.png

Ten sam zapis, aczkolwiek mamy tutaj do czynienia z kompletnie innym zagnieżdżeniem. Czy ta metoda jest poprawna? Okej, według mnie rzeczywiście wszystko jest dużo bardziej czytelne, ale generujemy jednocześnie dodatkowe linijki kodu. 

Poniżej kolejny przykład, który mnie trapi:

https://s17.postimg.org/4397qmstr/image.png

Standardowy zapis tagu: "img". 

https://postimg.org/image/p1fdoraor/

Spotkałem się również z takim zapisem. Ciekawi mnie po prostu, jaka jest Wasza optyka w tej kwestii, i czy to w ogóle istotne, jaką formę wcięć ostatecznie wykorzystam. 

 

Answer 1

Ważniejsza jest koherencja stylu niż on sam. Zwłaszcza, że na produkcję i tak trafia przetworzony kod.