Validarea paginilor HTML

#Cum validăm o pagină HTML?

Site-ul W3C Validator este cea mai bună resursă pe care o știm pentru a valida paginile Web. Putem introduce URL-ul paginii pe care vrem să o validăm, sau direct codul HTML ce ne interesează.

E posibil ca anumite pagini să nu aibă erori dar să aibă warning-uri (marcate cu galben). Nu-ți fă griji, ele sunt ok :)

#De ce merg site-urile invalide?

Spre deosebire de alte limbaje, chiar dacă nu scriem un HTML corect site-ul nostru va funcționa, poate chiar exact cum ne dorim. Motivul e următorul:

Decât să arate o pagină goală, sau un mesaj de eroare, browserul încearcă el să rezolve problemele pentru a arăta ceva utilizatorilor.

Mai concret, să presupunem că avem următoarea bucată de cod unde nu am folosit corect tagul de închidere </h1> :

<h1> FrontEnd.ro </h2>
<p>
  Bine ai venit și spor la 
  învățat.
</p>

Totuși, dacă deschidem browserul, vom vedea rezultatul pe care ni-l doream: titlul urmat de un paragraf de text. Browserul isi da seama de eroare si incearca sa o rezolve, inlocuind </h2> cu </h1> .

Pentru a ne convinge de asta putem deschide panoul Elements/Inspector din DevTools:

#De ce e importantă validarea?

Pe scurt, un site valid este un site bine făcut!

1. ajută la partea de SEO și accesibilitate
2. îmbunătățește performanța
3. iar în final, nu lăsăm nimic la "ghici". Site-ul arată și se comportă exact cum vrem în toate browserele