HTML5 | Instrumentul de verificare a etichetelor neînchis

Notă: Când unele etichete nu sunt închise corect, poate duce la un efect de bulgăre de zăpadă în care arată că multe etichete nu sunt închise, de cele mai multe ori, vinovatul este situat în jumătatea inferioară a listei de erori, la mijloc sau după ultimul element din lista de erori și repararea etichetelor neînchise ar duce la trecerea întregului document (presupunând că intrarea furnizată este un cod HTML5 valid). Dacă codul este lung, uneori ar putea ajuta să-l împărțiți în bucăți mai mici, pentru a restrânge etichetele care nu sunt închise.

Simplificați codarea HTML cu instrumentul nostru de ultimă oră care detectează fără efort etichetele neînchise, asigurându-vă că codul dvs. rămâne fără erori și paginile dvs. web se afișează perfect. Lipiți codul în zona de mai sus pentru a afla dacă există etichete HTML5 neînchise.

HTML5 este cel mai recent standard al limbajului de marcare hipertext, care oferă caracteristici și capabilități avansate pentru crearea de conținut web modern.

Menținerea codului HTML fără erori cu etichete închise corespunzător este crucială pentru performanța robustă SEO, îmbunătățirea accesibilității site-ului și asigurarea unor experiențe fără întreruperi ale utilizatorilor.

Etichete HTML

HTML conține atât etichete auto-închise pentru elemente concise, cum ar fi imagini ('<img>'), cât și etichete obișnuite care includ conținut, cum ar fi paragrafe ('<p>'), oferind modalități versatile de structurare. conținut web.

Etichete auto-închise

• '<area />': definește o zonă pe care se poate face clic în cadrul unei hărți imagine.
• '<base />': Specifică o adresă URL de bază pentru adresele URL relative dintr-un document.
• '<br />': Inserează o întrerupere de linie în text sau conținut.
• '<circle />': Definește o cale cerc în cadrul SVG (Scalable Vector Graphics).
• '<col />': Specifică proprietățile coloanei pentru tabelele HTML.
• '<embed />': încorporează conținut extern, cum ar fi multimedia sau pluginuri.
• '<hr />': creează o pauză tematică sau o linie orizontală.
• '<img />': încorporează o imagine în document.
• '<input />': Definește un element de intrare de utilizator.
• '<link />': conectează resurse externe, cum ar fi foi de stil sau pictograme.
• '<meta />': Oferă metadate despre document.
• '<param />': Specifică parametrii pentru pluginuri din elementele obiectului.
• '<path />': Definește o cale vectorială în SVG (Scalable Vector Graphics).
• '<source />': Specifică mai multe resurse media pentru elementele multimedia.
• '<track />': Oferă piste text pentru elemente media, cum ar fi '<video>' sau '<audio>'.
• '<wbr />': definește o oportunitate de întrerupere a cuvântului în text.
• '<command />': Definește un buton de comandă într-un meniu.
• '<keygen />': generează pereche de chei pentru formularele utilizate în criptografie.
• '<menuitem />': Definește un articol într-un '<menu>'.
• '<frame />': Definește o fereastră secundară (învechit în HTML5).

Etichete obișnuite

• '<p>': Definește un paragraf.
• '<h1> to <h6>': Titluri de diferite niveluri.
• '<strong>': Reprezintă o importanță puternică.
• '<em>': Reprezintă text accentuat.
• '<mark>': Evidențiază textul pentru referință.
• '<abbr>': Definește o abreviere.
• '<blockquote>': Reprezintă o cotație bloc.
• '<ul>': Definește o listă neordonată.
• '<ol>': Definește o listă ordonată.
• '<li>': Reprezintă un element din listă.
• '<dl>': Definește o listă de descriere.
• '<dt>': Reprezintă un termen dintr-o listă de descriere.
• '<dd>': Reprezintă o descriere într-o listă de descrieri.
• '<a>': definește un hyperlink.
• '<nav>': Reprezintă legături de navigare.
• '<audio>': încorporează conținut audio.
• '<video>': încorporează conținut video.
• '<form>': definește un formular HTML.
• '<textarea>': creează o introducere de text pe mai multe linii.
• '<select>': creează o listă derulantă.
• '<button>': definește un buton pe care se poate face clic.
• '<table>': definește un tabel HTML.
• '<thead>': Definește antetul unui tabel.
• '<tbody>': Definește conținutul corpului unui tabel.
• '<tr>': Definește un rând de tabel.
• '<th>': definește o celulă de antet de tabel.
• '<td>': definește o celulă de date de tabel.
• '<caption>': Oferă o legendă pentru un tabel.
• '<div>': definește un container generic.
• '<span>': definește textul în stil inline.
• '<header>': Reprezintă un antet de document sau de secțiune.
• '<footer>': Reprezintă un document sau un subsol de secțiune.
• '<section>': Reprezintă o grupare tematică de conținut.
• '<article>': reprezintă o bucată de conținut de sine stătătoare.
• '<aside>': Reprezintă conținut legat tangențial de conținutul din jur.
• '<button>': definește un buton pe care se poate face clic.
• '<details>': reprezintă un widget de dezvăluire.
• '<summary>': Oferă un rezumat pentru un element '<details>'.
• '<object>': încorporează conținut sau resurse externe.
• '<iframe>': încorporează un context de navigare imbricat.
• '<canvas>': încorporează grafică prin scripting.
• '<svg>': încorporează grafică vectorială scalabilă.
• '<math>': Încorporează ecuații matematice.
• '<time>': reprezintă un anumit timp sau interval.
• '<address>': Reprezintă informații de contact.
• '<code>': Reprezintă textul codului computerului.
• '<pre>': Reprezintă text preformatat.
• '<fieldset>': Grupează elemente legate de formular.
• '<legend>': Oferă o legendă pentru un '<fieldset>'.
• '<ruby>': Reprezintă adnotări pentru tipografia din Asia de Est.
• '<rt>': Reprezintă pronunția caracterelor dintr-un element '<ruby>'.

Rețineți că listele de mai sus includ doar câteva dintre etichetele HTML obișnuite cu auto-închidere și non-auto-închidere (obișnuite), dar există multe mai multe etichete disponibile în HTML5 pentru diverse scopuri.

Glosar

• Verificați codul HTML pentru etichetele neînchise: Butonul care rulează procesul de verificare.
• Line: Textul care precede numărul(e) rândului(e), unde au fost detectate etichetele care nu au omoloage de închidere.
• Nu au fost detectate etichete neînchise.: Mesajul când toate etichetele HTML sunt închise corect.
• Lipiți codul HTML aici...: Zona în care se află codul HTML, pentru verificarea etichetelor neînchise/lipsă.
• Următoarea etichetă nu pare să fie închisă: În cazul în care există o etichetă neînchisă în cod.
• Următoarele etichete par să nu fie închise: În cazul în care există două sau mai multe etichete neînchise în cod.

Concluzie

Închiderea corectă a etichetelor HTML este de o importanță capitală în dezvoltarea web. Fiecare etichetă servește drept instrucțiune crucială pentru browsere pentru a interpreta și a reda conținutul cu acuratețe. Neglijarea închiderii etichetelor poate duce la probleme neintenționate de aspect, interpretare greșită a conținutului și experiențe inconsistente ale utilizatorilor pe diferite dispozitive și browsere. Această atenție meticuloasă la detalii nu numai că asigură o interfață cu utilizatorul perfectă și plăcută din punct de vedere vizual, dar acceptă și accesibilitatea și optimizarea motorului de căutare. Prin aderarea la cele mai bune practici de închidere a etichetelor HTML, dezvoltatorii își protejează integritatea codului, promovând site-uri web fiabile, accesibile și ușor de utilizat, care transmit în mod eficient informații, păstrând în același timp o prezentare vizuală consistentă.