Jak zrobić znak praw autorskich (copyright) w HTML?

Aby umieścić znak praw autorskich (copyright) w kodzie HTML, możesz skorzystać z kilku równie poprawnych metod. Poniżej znajdziesz szczegółowy poradnik, który wyjaśnia każdą z nich i podaje praktyczne przykłady zastosowań.

Wstawienie znaku © za pomocą encji HTML

Najprostszy sposób to użycie specjalnej encji HTML – ©

Przykład zastosowania –

<p>&copy; 2025 TwojaFirma. Wszelkie prawa zastrzeżone.</p>

Efektem będzie wyświetlenie: © 2025 TwojaFirma. Wszelkie prawa zastrzeżone.

Ten sposób jest najczęściej spotykany, bardzo czytelny i kompatybilny ze wszystkimi przeglądarkami.

Kod znakowy Unicode (nazwa encji lub zapis numeryczny)

Alternatywnie możesz użyć kodu Unicode tego znaku, zapisując go:

• Kod szesnastkowy – ©;
• Kod dziesiętny – ©.

Przykład –

<p>Witryna internetowa &#xA9; 2025 Autor</p>

lub

<p>Witryna internetowa &#169; 2025 Autor</p>

Obie powyższe wersje wyświetlą znak ©.

Wstawienie znaku bezpośrednio

Jeśli korzystasz z edytora wspierającego kodowanie UTF-8, możesz bezpośrednio wpisać symbol © w treści strony.

Przykład –

<p>Treść chroniona © 2025 PrzykładowaFirma</p>

Użycie css – generowanie znaku poprzez pseudoelement

Jeśli znak ma być dodany automatycznie np. przed lub po określonym elementem HTML, możesz skorzystać z CSS:

.copyright::before { content: "\00A9"; margin-right: 4px; }

Przykład html –

<p class="copyright">2025 MojaStrona. All rights reserved.</p>

W efekcie pojawi się: © 2025 MojaStrona. All rights reserved.

Przykłady praktycznych zastosowań

• Stopka na stronie –;

<footer>
  <p>&copy; 2025 WebSolutions. Wszelkie prawa zastrzeżone.</p>
</footer>

• Automatyczne pobieranie roku w JavaScript –;

<p>&copy; <span id="year"></span> MyCompany</p>
<script>
  document.getElementById('year').textContent = new Date().getFullYear();
</script>

• Znak w tytule sekcji –.

<h2>Biblioteka zdjęć &copy; 2025</h2>

Najważniejsze encje i kody dotyczące znaku copyright

Uwagi końcowe

• Stosowanie encji © jest najbardziej zalecane ze względu na zgodność i przejrzystość kodu,
• Dla użytkowników systemów operacyjnych alternatywnym sposobem jest wklejenie znaku © bezpośrednio z klawiatury (np. Alt+0169 na Windows, Option+G na Mac), jednak w HTML preferowane są opisane wyżej metody znakowe lub tekstowe,
• Jeśli chcesz dodać inne symbole prawne, użyj:
• ® (znak zarejestrowanego znaku towarowego) – ®,
• ™ (znak towarowy) – ™.

Korzystaj z powyższych metod, aby prawidłowo i estetycznie oznaczyć treści chronione prawem autorskim na swojej stronie internetowej.