Cum să folosești link-uri HTML — ghid practic

In this tutorial, you'll learn about Cum să folosești link. We cover key concepts, practical examples, and best practices.

Link-urile (<a>) sunt elementul care face web-ul să funcționeze — conectează pagini, resurse, adrese de email și secțiuni din aceeași pagină.

The Problem

Link-urile par simple, dar greșelile comune includ lipsa atributului rel pentru securitate, target setat greșit, link-uri rupte sau ancore care nu funcționează.

The Wrong Way

<a href="https://google.com" target="_blank">Click aici</a>

Probleme: Fără rel="noopener noreferrer", pagina deschisă poate accesa window.opener (vulnerabilitate de securitate). Textul "Click aici" nu e descriptiv pentru SEO.

The Right Way

<a href="https://dodatech.com" target="_blank" rel="noopener noreferrer">
  Deschide DodaTech într-un tab nou
</a>

Step-by-Step Fix

1. Creează un link simplu

<a href="https://dodatech.com">DodaTech Tutoriale</a>

2. Deschide într-un tab nou (sigur)

<a href="https://exemplu.com" target="_blank" rel="noopener noreferrer">
  Link extern
</a>

noopener previne accesul la window.opener. noreferrer ascunde sursa.

3. Folosește ancore (anchor links)

<a href="#sectiunea-2">Sari la secțiunea 2</a>

<h2 id="sectiunea-2">Secțiunea 2</h2>

4. Creează link de email și telefon

<a href="mailto:contact@dodatech.com">Trimite email</a>
<a href="tel:+40712345678">Sună acum</a>

5. Adaugă atributul rel pentru SEO

<a href="https://partener.ro" rel="nofollow">Link sponsorizat</a>
<a href="https://sursa.ro" rel="ugc">Conținut generat de utilizatori</a>
<a href="https://articol.ro" rel="sponsored">Link plătit</a>

Prevention Tips

• Textul link-ului trebuie să descrie destinația (nu "click aici")
• Pe același domeniu, nu folosi target="_blank"
• Verifică periodic link-urile cu un tool de audit
• Folosește download pentru fișiere: <a href="fisier.pdf" download>

Common Mistakes

1. Fără rel="noopener" pe target="_blank" — vulnerabilitate de securitate (tabnabbing)
2. Text generic — "click aici", "citește mai mult" sunt rele pentru SEO
3. Ancore care nu funcționează — href="#id" nu se potrivește cu niciun id din pagină
4. Link-uri rupte — URL-ul se schimbă și link-ul duce la 404
5. Protocol lipsă — href="dodatech.com" e interpretat ca relativ; trebuie https://dodatech.com

FAQ

Construit de dezvoltatorii Doda Browser, DodaZIP și Durga Antivirus Pro. Uneltele DodaTech se integrează perfect cu HTML pentru productivitate și securitate sporită.