Introducere în Web Development

Încearcă să te uiți cu atenție la exemplele de cod pe care le-am pus în acest curs.

Vei constata că toate sunt formatate într-un anumit fel:

• Dacă un element are tag de închidere pe altă linie, tagul de închidere are mereu același număr de spații înainte.

• Conținutul unui element are mereu 2 (sau 4, dacă vrei) spații în plus la începutul fiecărei linii față de liniile cu tagurile elementului părinte.

• Toate elementele de pe același nivel sunt aliniate.

• Când sunt mai multe atribute pe o linie, avem fix un spațiu înainte de fiecare.

• Atunci când sunt mai multe atribute lungi, acestea sunt puse pe linii diferite de începutul tagului, aliniate mai la dreapta, cu 2 sau 4 spații față de linia pe care începe tagul.

• Când un singur tag se întinde pe mai multe linii, finalul tagului (> sau />) este aliniat cu începutul (<)

• Când un tag se întinde pe mai multe linii, fiecare atribut va fi pe o linie separată.

Dacă regulile de mai sus nu ți se potrivesc, poți să le ajustezi. Important este ca într-un proiect să folosești un singur set de reguli.

Este foarte importantă consistența: regulile trebuie să fie clare, folosite la fel în orice context, și evidente din cod. Dacă ajungi într-o echipă cu un proiect deja început, e mai bine să te adaptezi la regulile de formatare folosite deja decât să încerci să îi forțezi pe colegi să se adapteze la ale tale.

Altfel spus, codul este mereu formatat de genul:

                    <Buni>
  <Mami>
    <Bebe atribut="valoare" alt="ceva" />
    <Frate>
      Text
    </Frate>
  </Mami>
</Buni>
                

Formatarea frumoasă codului îl face mai ușor de citit și arată oarece organizare și atenție la detalii. Mai important: Formatarea urâtă te poate face să fii respins la probele tehnice de angajare.