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

Aby umieścić znak praw autorskich (copyright, ©) w HTML, masz do wyboru kilka prostych i uniwersalnych metod. Odpowiedni symbol można dodać zarówno do treści strony internetowej, jak i wykorzystać w stylach CSS. Poniżej znajdziesz szczegółowy poradnik ze sprawdzonymi przykładami zastosowań.

Znak © za pomocą encji HTML

Najpopularniejszym i najprostszym sposobem jest użycie wbudowanej encji HTML –

© 

Przykład użycia w HTML –

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

Wyświetli to:
© 2025 MojaFirma. Wszelkie prawa zastrzeżone.

Znak © jako numer kodu HTML

Możesz też użyć kodu liczbowego odpowiadającego znakowi ©:

• Dziesiętny kod – ©;
• Szesnastkowy kod – ©.

Przykład użycia kodu dziesiętnego –

<p>Wszelkie prawa zastrzeżone &#169; 2025 MojaFirma.</p>

Przykład użycia kodu szesnastkowego –

<p>Copyright &#xA9; 2025 MojaFirma.</p>

Efekt jest taki sam jak przy użyciu encji – na stronie pojawi się znak ©.

Znak © jako znak Unicode

W treści HTML możesz również wpisać znak © bezpośrednio z klawiatury, jeśli Twoje narzędzie to umożliwia (np. Alt+0169 na Windows lub Option+G na Mac). W kodzie wygląda to tak:

<p>© 2025 MojaFirma</p>

To rozwiązanie jest poprawne we wszystkich współczesnych przeglądarkach przy zachowaniu kodowania UTF-8.

Znak © w CSS

Jeśli chcesz dodać symbol automatycznie przed lub po tekście, możesz skorzystać z pseudoelementów CSS:

footer::before { content: "\00A9"; margin-right: 5px; } 

Przykład w HTML –

<footer>2025 MojaFirma. Wszelkie prawa zastrzeżone.</footer>

W efekcie w stopce pojawi się automatycznie znak © przed tekstem.

Przykłady pełnych zastosowań

Stopka strony

<footer>
  <p>&copy; 2025 MojaFirma. Wszystkie prawa zastrzeżone.</p>
</footer>

Sekcja polityki prywatności

<section>
  <p>Treści tej witryny są chronione prawem autorskim &#169; 2025 MojaFirma.</p>
</section>

Zastosowanie w atrybutach, na przykład meta tagach

Rzadziej, ale można użyć symbolu również w meta tagach, np.:

<meta name="copyright" content="© 2025 MojaFirma">

Najważniejsze wskazówki

• Rekomendowana metoda – encja © jest najbardziej czytelna i kompatybilna z wszystkimi wersjami HTML;
• Unikaj duplikowania – wystarczy jedna z wymienionych metod;
• Poprawne kodowanie – zalecane kodowanie strony to UTF-8, które poprawnie obsłuży znak © bez względu na wybraną metodę.

Podsumowanie –
Aby dodać symbol copyright w HTML, najbezpieczniej używaj encji © lub kodów liczbowych © lub ©. Te metody gwarantują, że symbol © pojawi się poprawnie w każdej przeglądarce i urządzeniu.