Taguri HTML: Ghid complet pentru structura și utilizarea lor

Tagurile HTML reprezintă baza limbajului HTML și sunt indispensabile pentru organizarea și aranjarea conținutului pe paginile web. Acestea sunt delimitate de caracterele „ și pot fi clasificate în două tipuri principale: taguri pereche și taguri simple.

Un exemplu de tag pereche este `

` sau `

`, care include atât un tag de deschidere, cât și unul de închidere, ce încadrează informația relevantă. Pe de altă parte, tagurile simple, precum `` sau `
`, nu necesită o închidere corespunzătoare.

Fiecare tip are o funcție specifică:

`

` marchează titlurile principale ale unei pagini,
`
` delimitează paragrafele,
`
- `
  1. `
    ` afișează date sub formă tabelară.
    Prin intermediul HTML-ului, documentele web capătă o structură coerentă și semnificativă, facilitând atât navigarea utilizatorilor cât și indexarea eficientă de către motoarele de căutare. Din acest motiv, cunoașterea corectă a modului în care fiecare tag trebuie folosit este esențială pentru realizarea unor pagini web bine structurate și eficiente.
    Structura de bază a unui document HTML
    Structura unui document HTML constă din elementele fundamentale care îl fac atât valid, cât și ușor de interpretat pentru browser. Primul element cheie este tagul „, care încadrează tot conținutul paginii web și indică faptul că documentul aparține formatului HTML.
    Urmează secțiunea „, destinată să găzduiască informații meta și resurse esențiale, cum ar fi:
    
    fișiere CSS,
    
    scripturi JavaScript,
    
    titlul paginii definit prin utilizarea tagului ``</strong>.</li> </ul> <p>În ceea ce privește secțiunea <strong>„</strong>, aceasta cuprinde toate elementele vizibile pentru utilizatori:</p> <ul> <li>texte,</li> <li>imagini,</li> <li>tabele,</li> <li>linkuri.</li> </ul> <p><strong>Această organizare conferă fiecărui document web o structură logică și bine definită</strong>, facilitând atât experiența utilizatorilor, cât și procesul de indexare realizat de motoarele de căutare.</p> <h2>Rolul tagului în documentele HTML</h2> <p>Tagul „ reprezintă fundamentul oricărui document HTML, delimitând structura întregii pagini și informând browserul că textul este scris în acest limbaj. Fiind un tag pereche, include atât o etichetă de deschidere („), cât și una de închidere („), iar toate celelalte elemente HTML sunt cuprinse între acestea.</p> <p>Un aspect notabil al acestui tag este atributul <strong>`lang`</strong>, care specifică limba principală a documentului. De exemplu:</p> <ul> <li>dacă folosim sintaxa <strong>„</strong>,</li> <li>indicăm că pagina este redactată în română,</li> <li>această informație este utilă atât motoarelor de căutare, cât și cititoarelor pentru persoanele cu dizabilități, facilitând interpretarea corectă a conținutului.</li> </ul> <p>Pe lângă rolul său organizatoric în fișierele web, <strong>tagul „ contribuie la validarea codului</strong>. Absența sa poate provoca:</p> <ul> <li>probleme browserelor,</li> <li>afișarea incorectă a paginii,</li> <li>eșec în redarea conținutului conform așteptărilor utilizatorilor.</li> </ul> <h2>Ce reprezintă secțiunea ?</h2> <p>Secțiunea „ dintr-un document HTML are rolul de a furniza informații esențiale despre pagină, fiind locul unde se includ detalii precum:</p> <ul> <li>titlul (folosind tagul `<title>`),</li> <li>setările pentru codificarea caracterelor (charset),</li> <li>linkurile spre fișiere CSS pentru stilizare,</li> <li>scripturi JavaScript care adaugă funcționalități.</li> </ul> <p><strong>Deși aceste elemente nu sunt vizibile direct utilizatorilor, ele contribuie fundamental la structura și buna funcționare a unei pagini web.</strong></p> <p>În plus, partea dedicată din „ este crucială și pentru SEO, deoarece ajută motoarele de căutare să înțeleagă mai bine conținutul site-ului. Meta tagurile pot:</p> <ul> <li>oferi descrieri relevante,</li> <li>include cuvinte-cheie utile pentru o indexare eficientă,</li> <li>contribui la o mai bună vizibilitate online.</li> </ul> <p><strong>Totodată, specificarea corectă a charset-ului asigură afișarea textului fără probleme, indiferent de limbă sau dispozitiv.</strong></p> <p><strong>Secțiunea „ nu doar că organizează resursele necesare încărcării rapide și eficiente a site-ului, dar influențează considerabil performanța tehnică și accesibilitatea acestuia.</strong></p> <h2>Utilizarea tagului <title> pentru titlul paginii</h2> <p> Tagul `<title>` are rolul de a defini titlul unei pagini web. Acest titlu este vizibil atât în bara de titlu a browserului, cât și în listele afișate de motoarele de căutare. <strong>Este important ca el să fie concis și să reflecte fidel conținutul paginii pentru o indexare SEO mai bună.</strong> În același timp, oferă utilizatorilor o modalitate rapidă de a înțelege subiectul principal al paginii. </p> <p> Pentru optimizare, se recomandă: </p> <ul> <li>includerea unor cuvinte-cheie relevante în titlu,</li> <li>limitarea acestuia la cel mult 60 de caractere,</li> <li>alegerea unui titlu clar și atractiv.</li> </ul> <p> De exemplu, un titlu precum <strong>„Ghid complet despre tagurile HTML”</strong> exprimă clar tema abordată și utilizează termeni care favorizează poziționarea SEO. </p> <p> Pe lângă rolul informativ, <strong>tagul `<title>` joacă un factor semnificativ în creșterea ratei de clic (CTR) din rezultatele căutării.</strong> Un titlu bine ales poate atrage mai mulți vizitatori decât unul lipsit de relevanță sau neclar. <strong>Astfel, utilizarea strategică a acestui tag are impact atât asupra performanței tehnice a site-ului, cât și asupra experienței generale oferite utilizatorilor.</strong></p> <h2>Importanța secțiunii în HTML</h2> <p> Secțiunea <strong>„</strong> joacă un rol central într-un document HTML, deoarece include tot ce este vizibil și cu care utilizatorii pot interacționa. De la texte și imagini până la linkuri și elemente dinamice, această secțiune definește experiența oferită pe pagină. <strong>Fiind singura parte a documentului afișată de browser, ea devine indispensabilă pentru aspectul și funcționalitatea unui site web.</strong></p> <p> O organizare bine gândită a elementelor din interiorul <strong>„</strong> contribuie semnificativ la accesibilitate și ușurința navigării. </p> <ul> <li>utilizarea tagurilor semantice precum `<br /> <header>`,</li> <li>`<br /> <section>`,</li> <li>`<br /> <article>` sau `</p> <footer>` nu doar că îmbunătățește modul în care utilizatorii percep pagina, dar ajută și motoarele de căutare să o indexeze mai eficient.</li> </ul> <p><strong>Așadar, această secțiune nu se limitează doar la structurarea vizuală a paginii, ci are un impact direct asupra optimizării SEO.</strong></p> <h2>Taguri pereche vs. taguri simple în HTML</h2> <p>Tagurile pereche, cum sunt `</p> <h1>` și `</h1> <p>`, încadrează conținutul între un tag de deschidere și unul de închidere, oferind structură și organizare logică informației din pagină. Acestea delimitează clar secțiunile sau elementele HTML distincte. De exemplu, folosind `</p> <p>` și `</p> <p>`, se marchează începutul și sfârșitul unui paragraf.</p> <p>Pe de altă parte, există taguri simple precum `<img>` sau `<br />`, care nu au nevoie de o etichetă de închidere. Ele sunt utilizate pentru elemente ce nu includ alte informații între deschidere și închidere. Spre exemplu, tagul `<img>` inserează o imagine direct pe pagină fără să delimiteze un conținut adițional.</p> <p><strong>Cunoașterea diferențelor dintre aceste două tipuri de taguri este esențială pentru a scrie cod HTML corect și eficient.</strong> Tagurile pereche sunt ideale pentru structuri mai complexe care cer un context semantic bine definit, în timp ce cele simple se dovedesc utile atunci când trebuie adăugate rapid elemente vizuale sau spații suplimentare într-o pagină web.</p> <h2>Marcaje de bază în HTML: </p> <h1>, </p> <h2>, </p> </h2> <p>Marcajele de bază în HTML joacă un rol esențial în organizarea conținutului pe paginile web. </p> <ul> <li>tagul `<br /> <h1>` este destinat titlului principal,</li> <li>tagul `<br /> <h2>` se utilizează pentru subtitluri și secțiuni importante care derivă din titlul principal,</li> <li>tagul ` <p>` permite afișarea clar separată a blocurilor de text.</li> </ul> <p><strong>Tagul `</p> <h1>` este cel mai important element de acest tip și este recomandat să fie folosit o singură dată pe fiecare pagină.</strong> Prin utilizarea tagului `</p> <h2>`, se creează o ierarhie clară a informației, ceea ce facilitează navigarea pentru utilizatori și motoarele de căutare. Tagul `</p> <p>` îmbunătățește experiența vizuală și lizibilitatea conținutului prin delimitarea paragrafelor textuale. <strong>O aplicare corectă a acestor taguri asigură o structurare logică a paginii web și aduce beneficii semnificative în optimizarea SEO.</strong> Motoarele de căutare analizează informațiile din `</p> <h1>` și `</p> <h2>` pentru a determina subiectul central al paginii, ceea ce face aceste marcaje indispensabile într-un document HTML bine realizat.</p> <h2>Crearea listelor în HTML: </p> <ul>, </p> <ol>, </p> <li></h2> <p> Pentru a construi liste în HTML, se utilizează trei taguri esențiale: <strong><ul></strong>, <strong><ol></strong> și <strong><li></strong>. </p> <p> Tagul <strong><ul></strong> este destinat listelor neordonate, adică acelor liste în care elementele nu urmează o succesiune anume. De obicei, acestea sunt marcate cu simboluri precum puncte sau alte semne grafice. </p> <p> Pentru listele ordonate, unde elementele sunt aranjate într-o anumită secvență (numerotată sau folosind litere), se folosește tagul <strong><ol></strong>. </p> <p> Fiecare element al unei liste, indiferent de tipul acesteia (ordonată sau nu), este reprezentat prin intermediul tagului <strong><li></strong>. Acestea trebuie încadrate între perechile de taguri specifice listei respective (<strong><ul></ul></strong> pentru cele neordonate și <strong><ol></ol></strong> pentru cele ordonate). </p> <p> O aplicare corectă a acestor taguri contribuie la organizarea clară a conținutului într-un document HTML. <strong>Astfel, informațiile devin mai ușor de citit și de parcurs atât pentru utilizatori, cât și pentru motoarele de căutare.</strong> Iată un exemplu: </p> <pre><code> <ul> <li>Primul element</li> <li>Al doilea element</li> </ul> <ol> <li>Pas 1</li> <li>Pas 2</li> </ol> </code></pre> <p><strong>Această structură logică simplifică navigarea prin conținut și ajută paginile web să fie indexate mai eficient.</strong></p> <h2>Utilizarea tabelor în HTML: </p> <table></h2> <p>Tagul <strong>`</p> <table>`</strong> în HTML este utilizat pentru a crea tabele ce organizează informațiile într-un mod clar și ușor de urmărit. Acestea sunt alcătuite din câteva componente esențiale:</p> <ul> <li><strong>`<br /> <tr>` (rând al tabelului)</strong>: indică un rând în cadrul tabelului, fiecare putând cuprinde mai multe celule,</li> <li><strong>` <th>` (celulă de antet)</strong>: definește titlurile coloanelor, fiind afișate de obicei cu text îngroșat și centrat, pentru a evidenția importanța lor,</li> <li><strong>` <td>` (celulă de date)</strong>: reprezintă celulele obișnuite unde sunt introduse informațiile.</li> </ul> <p>Pentru ca structura tabelului să fie logică și bine organizată, aceste elemente trebuie combinate adecvat. De exemplu:</p> <table> <tr> <th>Coloana 1</th> <th>Coloana 2</th> </tr> <tr> <td>Date 1</td> <td>Date 2</td> </tr> </table> <p>În plus, există posibilitatea personalizării tabelelor prin atribute precum <strong>`border`</strong>, <strong>`width`</strong> sau <strong>`align`</strong>, care influențează aspectul vizual.</p> <p><strong>Tabelele sunt frecvent utilizate pe site-uri web pentru afișarea datelor structurate – cum ar fi grafice financiare sau orare școlare.</strong> Totuși, dacă este nevoie de un design mai complex, este recomandată folosirea CSS modern, care oferă o flexibilitate mai mare în aranjarea elementelor paginii.</p> <h2>Adăugarea de imagini cu tagul <img></h2> <p>Tagul `<img>` este utilizat pentru a adăuga imagini în paginile web. Fiind un tag simplu, nu necesită o etichetă de închidere. Două dintre cele mai importante atribute asociate acestuia sunt <strong>`src`</strong> și <strong>`alt`</strong>.</p> <p>Atributul <strong>`src`</strong> specifică locația imaginii, care poate fi furnizată fie prin:</p> <ul> <li>un URL absolut (exemplu: `https://www.exemplu.com/imagine.jpg`),</li> <li>un URL relativ (de exemplu: `/imagini/fotografie.jpg`).</li> </ul> <p>În schimb, atributul <strong>`alt`</strong> oferă o descriere text alternativă a imaginii – un aspect esențial atât pentru accesibilitate, cât și pentru optimizarea motoarelor de căutare (SEO). Iată un exemplu:</p> <p> „`html <img decoding="async" src="https://www.exemplu.com/poza.jpg" alt="Descrierea imaginii"> „` </p> <p><strong>Un atribut `alt` utilizat corect contribuie la o indexare mai eficientă a paginii de către motoarele de căutare.</strong> Totodată, sprijină accesibilitatea prin faptul că permite cititoarelor de ecran să transmită detalii despre imagine persoanelor cu deficiențe vizuale.</p> </div> </div> </article> <nav class="navigation post-navigation" aria-label="Post navigation"> <span class="screen-reader-text">Post navigation</span> <div class="nav-links"><div class="nav-previous"><a title="Ce este atributul și rolul său în propoziție?" href="https://dcweb.ro/ce-este-atributul-si-rolul-sau-in-propozitie/" rel="prev"><span class="ast-left-arrow">←</span> Previous Articol</a></div><div class="nav-next"><a title="Cum să faci o pagină web pas cu pas, simplu și eficient" href="https://dcweb.ro/cum-sa-faci-o-pagina-web-pas-cu-pas-simplu-si-eficient/" rel="next">Next Articol <span class="ast-right-arrow">→</span></a></div></div> </nav><div class="ast-single-related-posts-container ast-container--fallback"><div class="ast-related-posts-title-section"> <h2 class="ast-related-posts-title"> Articole înrudite </h2> </div><div class="ast-related-posts-wrapper"> <article class="ast-related-post post-1677 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design"> <div class="ast-related-posts-inner-section"> <div class="ast-related-post-content"> <div class="ast-related-post-featured-section post-has-thumb"><div class="post-thumb-img-content post-thumb"><a aria-label="Read more about Enhancing your design projects with google web designer" href="https://dcweb.ro/enhancing-your-design-projects-with-google-web-designer/"><img width="1024" height="1024" src="https://dcweb.ro/wp-content/uploads/2024/10/enhancing-your-design-projects-with-google-web-designer-5879.jpg" class="attachment-large size-large wp-post-image" alt="Enhancing your design projects with google web designer" itemprop="" decoding="async" srcset="https://dcweb.ro/wp-content/uploads/2024/10/enhancing-your-design-projects-with-google-web-designer-5879.jpg 1024w, https://dcweb.ro/wp-content/uploads/2024/10/enhancing-your-design-projects-with-google-web-designer-5879-300x300.jpg 300w, https://dcweb.ro/wp-content/uploads/2024/10/enhancing-your-design-projects-with-google-web-designer-5879-150x150.jpg 150w, https://dcweb.ro/wp-content/uploads/2024/10/enhancing-your-design-projects-with-google-web-designer-5879-768x768.jpg 768w" sizes="(max-width: 1024px) 100vw, 1024px" /></a> </div></div> <header class="entry-header related-entry-header"> <h3 class="ast-related-post-title entry-title"> <a href="https://dcweb.ro/enhancing-your-design-projects-with-google-web-designer/" target="_self" rel="bookmark noopener noreferrer">Enhancing your design projects with google web designer</a> </h3> <div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"><span class="ast-taxonomy-container cat-links default"><a href="https://dcweb.ro/category/web-design/" rel="category tag">Web design</a></span> / By <span class="posted-by vcard author" itemtype="https://schema.org/Person" itemscope="itemscope" itemprop="author"> <a title="View all posts by dc-web-admin" href="https://dcweb.ro/author/dc-web-admin/" rel="author" class="url fn n" itemprop="url" > <span class="author-name" itemprop="name" > dc-web-admin </span> </a> </span> </div> </header> <div class="entry-content clear"> </div> </div> </div> </article> <article class="ast-related-post post-1670 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design"> <div class="ast-related-posts-inner-section"> <div class="ast-related-post-content"> <div class="ast-related-post-featured-section post-has-thumb"><div class="post-thumb-img-content post-thumb"><a aria-label="Read more about Servicii complete de web design și marketing online cu alba design" href="https://dcweb.ro/servicii-complete-de-web-design-si-marketing-online-cu-alba-design/"><img width="1024" height="1024" src="https://dcweb.ro/wp-content/uploads/2024/10/full-web-design-and-online-marketing-services-with-alba-design-413.jpg" class="attachment-large size-large wp-post-image" alt="Servicii complete de web design și marketing online cu alba design" itemprop="" decoding="async" loading="lazy" srcset="https://dcweb.ro/wp-content/uploads/2024/10/full-web-design-and-online-marketing-services-with-alba-design-413.jpg 1024w, https://dcweb.ro/wp-content/uploads/2024/10/full-web-design-and-online-marketing-services-with-alba-design-413-300x300.jpg 300w, https://dcweb.ro/wp-content/uploads/2024/10/full-web-design-and-online-marketing-services-with-alba-design-413-150x150.jpg 150w, https://dcweb.ro/wp-content/uploads/2024/10/full-web-design-and-online-marketing-services-with-alba-design-413-768x768.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></a> </div></div> <header class="entry-header related-entry-header"> <h3 class="ast-related-post-title entry-title"> <a href="https://dcweb.ro/servicii-complete-de-web-design-si-marketing-online-cu-alba-design/" target="_self" rel="bookmark noopener noreferrer">Servicii complete de web design și marketing online cu alba design</a> </h3> <div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"><span class="ast-taxonomy-container cat-links default"><a href="https://dcweb.ro/category/web-design/" rel="category tag">Web design</a></span> / By <span class="posted-by vcard author" itemtype="https://schema.org/Person" itemscope="itemscope" itemprop="author"> <a title="View all posts by dc-web-admin" href="https://dcweb.ro/author/dc-web-admin/" rel="author" class="url fn n" itemprop="url" > <span class="author-name" itemprop="name" > dc-web-admin </span> </a> </span> </div> </header> <div class="entry-content clear"> </div> </div> </div> </article> </div> </div> </main> </div> <div class="widget-area secondary" id="secondary" itemtype="https://schema.org/WPSideBar" itemscope="itemscope"> <div class="sidebar-main" > <aside id="block-2" class="widget widget_block widget_search"><form role="search" method="get" action="https://dcweb.ro/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-1" >Caută</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Caută" class="wp-block-search__button wp-element-button" type="submit" >Caută</button></div></form></aside><aside id="block-3" class="widget widget_block"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <h2 class="wp-block-heading">Ultimele articole</h2> <ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://dcweb.ro/ce-este-wordpress-ghid-complet-pentru-incepatori-si-profesionisti/">Ce este WordPress: ghid complet pentru începători și profesioniști</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://dcweb.ro/ce-este-javascript-si-rolul-sau-in-dezvoltarea-web/">Ce este JavaScript și rolul său în dezvoltarea web</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://dcweb.ro/cum-sa-faci-o-pagina-web-pas-cu-pas-simplu-si-eficient/">Cum să faci o pagină web pas cu pas, simplu și eficient</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://dcweb.ro/taguri-html-ghid-complet-pentru-structura-si-utilizarea-lor/">Taguri HTML: Ghid complet pentru structura și utilizarea lor</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://dcweb.ro/ce-este-atributul-si-rolul-sau-in-propozitie/">Ce este atributul și rolul său în propoziție?</a></li> </ul></div> </aside><aside id="block-4" class="widget widget_block"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <h2 class="wp-block-heading">Comentarii</h2> <div class="no-comments wp-block-latest-comments">Niciun comentariu de arătat.</div></div> </aside><aside id="block-5" class="widget widget_block"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <h2 class="wp-block-heading">Datele</h2> <ul class="wp-block-archives-list wp-block-archives"> <li><a href='https://dcweb.ro/2025/07/'>iulie 2025</a></li> <li><a href='https://dcweb.ro/2025/06/'>iunie 2025</a></li> <li><a href='https://dcweb.ro/2025/05/'>mai 2025</a></li> <li><a href='https://dcweb.ro/2025/04/'>aprilie 2025</a></li> <li><a href='https://dcweb.ro/2025/03/'>martie 2025</a></li> <li><a href='https://dcweb.ro/2025/02/'>februarie 2025</a></li> <li><a href='https://dcweb.ro/2025/01/'>ianuarie 2025</a></li> <li><a href='https://dcweb.ro/2024/10/'>octombrie 2024</a></li> <li><a href='https://dcweb.ro/2024/09/'>septembrie 2024</a></li> <li><a href='https://dcweb.ro/2024/03/'>martie 2024</a></li> <li><a href='https://dcweb.ro/2024/02/'>februarie 2024</a></li> <li><a href='https://dcweb.ro/2024/01/'>ianuarie 2024</a></li> <li><a href='https://dcweb.ro/2023/12/'>decembrie 2023</a></li> </ul></div> </aside><aside id="block-6" class="widget widget_block"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"> <h2 class="wp-block-heading">Categorii</h2> <ul class="wp-block-categories-list wp-block-categories"> <li class="cat-item cat-item-5"><a href="https://dcweb.ro/category/marketing-digital/">Marketing digital</a> </li> <li class="cat-item cat-item-4"><a href="https://dcweb.ro/category/web-design/">Web design</a> </li> </ul></div> </aside> </div> </div> </div>  </div> <footer class="site-footer" id="colophon" itemtype="https://schema.org/WPFooter" itemscope="itemscope" itemid="#colophon"> <div class="site-primary-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-3-equal ast-builder-grid-row-tablet-full ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-primary-footer-builder"> <div class="ast-builder-grid-row-container-inner"> <div class="ast-builder-footer-grid-columns site-primary-footer-inner-wrap ast-builder-grid-row"> <div class="site-footer-primary-section-1 site-footer-section site-footer-section-1"> <div class="ast-builder-layout-element ast-flex site-footer-focus-item" data-section="section-fb-social-icons-1"> <div class="ast-footer-social-1-wrap ast-footer-social-wrap"><div class="footer-social-inner-wrap element-social-inner-wrap social-show-label-false ast-social-color-type-custom ast-social-stack-none ast-social-element-style-filled"><a href="" aria-label="Facebook" target="_blank" rel="noopener noreferrer" style="--color: #557dbc; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-facebook footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z'></path></svg></span></a><a href="" aria-label="Twitter" target="_blank" rel="noopener noreferrer" style="--color: #7acdee; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-twitter footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'></path></svg></span></a><a href="" aria-label="Instagram" target="_blank" rel="noopener noreferrer" style="--color: #8a3ab9; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-instagram footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'></path></svg></span></a><a href="" aria-label="Behance" target="_blank" rel="noopener noreferrer" style="--color: #1B64F6; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-behance footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M232 237.2c31.8-15.2 48.4-38.2 48.4-74 0-70.6-52.6-87.8-113.3-87.8H0v354.4h171.8c64.4 0 124.9-30.9 124.9-102.9 0-44.5-21.1-77.4-64.7-89.7zM77.9 135.9H151c28.1 0 53.4 7.9 53.4 40.5 0 30.1-19.7 42.2-47.5 42.2h-79v-82.7zm83.3 233.7H77.9V272h84.9c34.3 0 56 14.3 56 50.6 0 35.8-25.9 47-57.6 47zm358.5-240.7H376V94h143.7v34.9zM576 305.2c0-75.9-44.4-139.2-124.9-139.2-78.2 0-131.3 58.8-131.3 135.8 0 79.9 50.3 134.7 131.3 134.7 61.3 0 101-27.6 120.1-86.3H509c-6.7 21.9-34.3 33.5-55.7 33.5-41.3 0-63-24.2-63-65.3h185.1c.3-4.2.6-8.7.6-13.2zM390.4 274c2.3-33.7 24.7-54.8 58.5-54.8 35.4 0 53.2 20.8 56.2 54.8H390.4z'></path></svg></span></a><a href="" aria-label="Dribbble" target="_blank" rel="noopener noreferrer" style="--color: #d77ea6; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-dribbble footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 8C119.252 8 8 119.252 8 256s111.252 248 248 248 248-111.252 248-248S392.748 8 256 8zm163.97 114.366c29.503 36.046 47.369 81.957 47.835 131.955-6.984-1.477-77.018-15.682-147.502-6.818-5.752-14.041-11.181-26.393-18.617-41.614 78.321-31.977 113.818-77.482 118.284-83.523zM396.421 97.87c-3.81 5.427-35.697 48.286-111.021 76.519-34.712-63.776-73.185-116.168-79.04-124.008 67.176-16.193 137.966 1.27 190.061 47.489zm-230.48-33.25c5.585 7.659 43.438 60.116 78.537 122.509-99.087 26.313-186.36 25.934-195.834 25.809C62.38 147.205 106.678 92.573 165.941 64.62zM44.17 256.323c0-2.166.043-4.322.108-6.473 9.268.19 111.92 1.513 217.706-30.146 6.064 11.868 11.857 23.915 17.174 35.949-76.599 21.575-146.194 83.527-180.531 142.306C64.794 360.405 44.17 310.73 44.17 256.323zm81.807 167.113c22.127-45.233 82.178-103.622 167.579-132.756 29.74 77.283 42.039 142.053 45.189 160.638-68.112 29.013-150.015 21.053-212.768-27.882zm248.38 8.489c-2.171-12.886-13.446-74.897-41.152-151.033 66.38-10.626 124.7 6.768 131.947 9.055-9.442 58.941-43.273 109.844-90.795 141.978z'></path></svg></span></a></div></div> </div> </div> <div class="site-footer-primary-section-2 site-footer-section site-footer-section-2"> <aside class="footer-widget-area widget-area site-footer-focus-item footer-widget-area-inner" data-section="sidebar-widgets-footer-widget-1" aria-label="Footer Widget 1" > <section id="block-7" class="widget widget_block widget_media_image"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="100" height="100" src="https://websitedemos.net/personal-portfolio-08/wp-content/uploads/sites/1021/2021/02/logo-footer.png" alt="" class="wp-image-1054"/></figure> </section> </aside> </div> <div class="site-footer-primary-section-3 site-footer-section site-footer-section-3"> <aside class="footer-widget-area widget-area site-footer-focus-item footer-widget-area-inner" data-section="sidebar-widgets-footer-widget-2" aria-label="Footer Widget 2" > <section id="text-1" class="widget widget_text"><h2 class="widget-title">diana.calinescu@dcweb.ro</h2> <div class="textwidget"></div> </section> </aside> </div> </div> </div> </div> <div class="site-below-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-full ast-builder-grid-row-tablet-full ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-below-footer-builder"> <div class="ast-builder-grid-row-container-inner"> <div class="ast-builder-footer-grid-columns site-below-footer-inner-wrap ast-builder-grid-row"> <div class="site-footer-below-section-1 site-footer-section site-footer-section-1"> <div class="ast-builder-layout-element ast-flex site-footer-focus-item ast-footer-copyright" data-section="section-footer-builder"> <div class="ast-footer-copyright"><p>Copyright © 2025 DC WEB</p> </div> </div> </div> </div> </div> </div> </footer> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/astra\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id="ckyBannerTemplate" type="text/template"><div class="cky-overlay cky-hide"></div><div class="cky-btn-revisit-wrapper cky-revisit-hide" data-cky-tag="revisit-consent" data-tooltip="Preferințe de consimțământ" style="background-color:#0056A7"> <button class="cky-btn-revisit" aria-label="Preferințe de consimțământ"> <img src="https://dcweb.ro/wp-content/plugins/cookie-law-info/lite/frontend/images/revisit.svg" alt="Revisit consent button"> </button></div><div class="cky-consent-container cky-hide" tabindex="0"> <div class="cky-consent-bar" data-cky-tag="notice" style="background-color:#FFFFFF;border-color:#F4F4F4"> <div class="cky-notice"> <p class="cky-title" role="heading" aria-level="1" data-cky-tag="title" style="color:#212121">Confidențialitatea datelor dvs. este importantă pentru noi</p><div class="cky-notice-group"> <div class="cky-notice-des" data-cky-tag="description" style="color:#212121"> <p>Folosim cookie-uri pentru a vă îmbunătăți experiența de navigare, pentru a vă prezenta conținut și reclame personalizate și pentru a analiza traficul nostru. Făcând clic pe „Acceptă tot”, acceptați utilizarea cookie-urilor.</p> </div><div class="cky-notice-btn-wrapper" data-cky-tag="notice-buttons"> <button class="cky-btn cky-btn-customize" aria-label="Personalizați" data-cky-tag="settings-button" style="color:#1863DC;background-color:transparent;border-color:#1863DC">Personalizați</button> <button class="cky-btn cky-btn-reject" aria-label="Refuzare toate" data-cky-tag="reject-button" style="color:#1863DC;background-color:transparent;border-color:#1863DC">Refuzare toate</button> <button class="cky-btn cky-btn-accept" aria-label="Acceptare toate" data-cky-tag="accept-button" style="color:#FFFFFF;background-color:#1863DC;border-color:#1863DC">Acceptare toate</button> </div></div></div></div></div><div class="cky-modal" tabindex="0"> <div class="cky-preference-center" data-cky-tag="detail" style="color:#212121;background-color:#FFFFFF;border-color:#F4F4F4"> <div class="cky-preference-header"> <span class="cky-preference-title" role="heading" aria-level="1" data-cky-tag="detail-title" style="color:#212121">Personalizarea preferințelor de consimțământ</span> <button class="cky-btn-close" aria-label="[cky_preference_close_label]" data-cky-tag="detail-close"> <img src="https://dcweb.ro/wp-content/plugins/cookie-law-info/lite/frontend/images/close.svg" alt="Close"> </button> </div><div class="cky-preference-body-wrapper"> <div class="cky-preference-content-wrapper" data-cky-tag="detail-description" style="color:#212121"> <p>Folosim cookie-uri pentru a vă ajuta să navigați cu eficiență și să utilizați anumite funcții. Veți găsi informații detaliate privind cookie-urile în cadrul fiecăreia dintre categoriile de consimțământ de mai jos.</p><p>Cookie-urile care sunt considerate „Necesare” sunt stocate în browserul dvs., deoarece sunt esențiale pentru a permite buna funcționare a unor funcții de bază ale site-ului. </p><p>Folosim, de asemenea, și cookie-uri ale unor terțe părți, care ne permit să analizăm felul în care folosiți acest site, să stocăm preferințele dvs. și să vă oferim conținut și publicitate care sunt relevante pentru dvs. Aceste cookie-uri vor fi stocate în browserul dvs. doar cu consimțământ prealabil.</p><p>Puteți alege să activați sau să dezactivați unele dintre aceste cookie-uri, dar dezactivarea unora dintre ele vă poate afecta experiența de navigare.</p> </div><div class="cky-accordion-wrapper" data-cky-tag="detail-categories"> <div class="cky-accordion" id="ckyDetailCategorynecessary"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Necesare" data-cky-tag="detail-category-title" style="color:#212121">Necesare</button><span class="cky-always-active">Întotdeauna activ</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchnecessary"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Cookie-urile necesare sunt esențiale pentru funcțiile de bază ale site-ului web, iar site-ul web nu va funcționa în modul dorit fără ele.Aceste cookie-uri nu stochează date de identificare personală.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">Nu există cookie-uri de afișat.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryfunctional"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Funcţionalitate" data-cky-tag="detail-category-title" style="color:#212121">Funcţionalitate</button><span class="cky-always-active">Întotdeauna activ</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchfunctional"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Cookie-urile de funcționalitate ajută la realizarea anumitor funcționalități, cum ar fi partajarea conținutului site-ului web pe platformele de socializare, colectarea de feedback și alte caracteristici ale terților.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">Nu există cookie-uri de afișat.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryanalytics"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Analitice" data-cky-tag="detail-category-title" style="color:#212121">Analitice</button><span class="cky-always-active">Întotdeauna activ</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchanalytics"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Cookie-urile analitice sunt utilizate pentru a înțelege modul în care vizitatorii interacționează cu site-ul web. Aceste cookie-uri ajută la furnizarea de informații cu privire la valori, cum ar fi numărul de vizitatori, rata de respingere, sursa de trafic etc.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">Nu există cookie-uri de afișat.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryperformance"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Performanţă" data-cky-tag="detail-category-title" style="color:#212121">Performanţă</button><span class="cky-always-active">Întotdeauna activ</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchperformance"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Cookie-urile de performanță sunt utilizate pentru a înțelege și analiza indicii cheie de performanță al site-ului web, ceea ce ajută la oferirea unei experiențe de utilizare mai bună pentru vizitatori.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">Nu există cookie-uri de afișat.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryadvertisement"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Publicitate" data-cky-tag="detail-category-title" style="color:#212121">Publicitate</button><span class="cky-always-active">Întotdeauna activ</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchadvertisement"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Cookie-urile publicitare sunt utilizate pentru a oferi vizitatorilor reclame personalizate pe baza paginilor pe care le-au vizitat anterior și pentru a analiza eficiența campaniei publicitare.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">Nu există cookie-uri de afișat.</p></div> </div> </div> </div></div><div class="cky-footer-wrapper"> <span class="cky-footer-shadow"></span> <div class="cky-prefrence-btn-wrapper" data-cky-tag="detail-buttons"> <button class="cky-btn cky-btn-reject" aria-label="Refuzare toate" data-cky-tag="detail-reject-button" style="color:#1863DC;background-color:transparent;border-color:#1863DC"> Refuzare toate </button> <button class="cky-btn cky-btn-preferences" aria-label="Salvați preferințele mele" data-cky-tag="detail-save-button" style="color:#1863DC;background-color:transparent;border-color:#1863DC"> Salvați preferințele mele </button> <button class="cky-btn cky-btn-accept" aria-label="Acceptare toate" data-cky-tag="detail-accept-button" style="color:#ffffff;background-color:#1863DC;border-color:#1863DC"> Acceptare toate </button> </div></div></div></div></script><script id="astra-theme-js-js-extra"> var astra = {"break_point":"921","isRtl":"","is_scroll_to_id":"","is_scroll_to_top":"","is_header_footer_builder_active":"1","responsive_cart_click":"flyout"}; </script> <script src="https://dcweb.ro/wp-content/themes/astra/assets/js/minified/frontend.min.js?ver=4.8.10" id="astra-theme-js-js"></script> <script src="https://dcweb.ro/wp-includes/js/dist/dom-ready.min.js?ver=f77871ff7694fffea381" id="wp-dom-ready-js"></script> <script id="starter-templates-zip-preview-js-extra"> var starter_templates_zip_preview = {"AstColorPaletteVarPrefix":"--ast-global-color-","AstEleColorPaletteVarPrefix":["ast-global-color-0","ast-global-color-1","ast-global-color-2","ast-global-color-3","ast-global-color-4","ast-global-color-5","ast-global-color-6","ast-global-color-7","ast-global-color-8"]}; </script> <script src="https://dcweb.ro/wp-content/plugins/astra-sites/inc/lib/onboarding/assets/dist/template-preview/main.js?ver=06758d4d807d9d22c6ea" id="starter-templates-zip-preview-js"></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html>

` marchează titlurile principale ale unei pagini,

Structura de bază a unui document HTML