# Semantyka tekstu - element "a"

Załóżmy, że chcemy poinformować użytkownika o tym, że pod wskazanym przez nas adresem URL znajduje się zasób internetowy, który chcielibyśmy, aby został odwiedzony przez wspomnianego użytkownika.

Nasz problem możemy rozwiązać w następujący sposób:

```html
<p>
  Jeżeli chcesz dowiedzieć się czym jest róża, odwiedź następujący adres URL:
  https://pl.wikipedia.org/wiki/R%C3%B3%C5%BCa.
</p>
```

Rezultat:

<figure><img src="https://3945955358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR42GcKXoxIh1R4ROdsLU%2Fuploads%2F3UZB85Qg7HzPBUOBkM1U%2FZrzut%20ekranu%202025-09-17%20o%2015.12.08.png?alt=media&#x26;token=1baeebf2-edd2-4653-847f-dca05602d7e6" alt=""><figcaption></figcaption></figure>

Użytkownik zapoznający się z treścią reprezentowaną przez zawartość naszego przykładowego elementu `p` zorientuje się, że wspomniana treść zachęca do odwiedzenia adresu `https://pl.wikipedia.org/wiki/R%C3%B3%C5%BCa`, jeżeli użytkownik chce dowiedzieć się czym jest róża.

W tym momencie może wydawać się nam, że nasz cel został osiągnięty, ponieważ poinformowaliśmy użytkownika o adresie URL, który powinien zostać odwiedzony przez wspomnianego użytkownika, jednak treść reprezentowana przez zawartość naszego przykładowego elementu `p` stwarza dodatkowe problemy zarówno dla użytkownika, jak i dla przeglądarki internetowej.

Problemem dla użytkownika jest to, że aby odwiedzić adres `https://pl.wikipedia.org/wiki/R%C3%B3%C5%BCa` wspomniany użytkownik między innymi musi skopiować ciąg znaków `https://pl.wikipedia.org/wiki/R%C3%B3%C5%BCa` do paska znajdującego się w oknie przeglądarki internetowej (co raczej nie jest zbyt wygodnym rozwiązaniem).

Problemem dla przeglądarki internetowej jest to, że treść reprezentowana przez zawartość naszego przykładowego elementu `p` nie stanowi dla wspomnianej przeglądarki internetowej żadnego dodatkowego znaczenia, które wskazywałoby na to, iż we wspomnianej treści reprezentowanej przez zawartość naszego przykładowego elementu `p` występuje adres URL, do którego może przenieść się użytkownik.

Nasze nowo powstałe problemy możemy rozwiązać za pomocą elementu a.

Przykład:

```html
<p>
  Jeżeli chcesz dowiedzieć się czym jest róża, odwiedź następujący adres URL:
  <a href="https://pl.wikipedia.org/wiki/R%C3%B3%C5%BCa">kliknij tutaj</a>.
</p>
```

Rezultat:

<figure><img src="https://3945955358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR42GcKXoxIh1R4ROdsLU%2Fuploads%2FowvRfLDkSJ7hBvRFJlv8%2FZrzut%20ekranu%202025-09-17%20o%2015.12.37.png?alt=media&#x26;token=1be46875-fce4-41dc-9ffc-bc7a1431834a" alt=""><figcaption></figcaption></figure>

Od tej pory, gdy użytkownik zechce dowiedzieć się czym jest róża, wtedy wystarczy, że wspomniany użytkownik kliknie na ciąg znaków `kliknij tutaj`, który to ciąg znaków znajduje się w zawartości naszego przykładowego elementu `a`.

Ponadto od tej pory przeglądarka internetowa wie o tym, iż w treści reprezentowanej przez zawartość naszego przykładowego elementu `p` występuje adres `https://pl.wikipedia.org/wiki/R%C3%B3%C5%BCa`, do którego może przenieść się użytkownik.

Korzystając z elementu `a` powinniśmy również zwrócić uwagę na to, co umieszczamy w zawartości elementu `a`, ponieważ treść reprezentowana przez zawartość elementu `a` powinna zawierać klarowną wskazówkę o tym, jakie informacje są reprezentowane przez zasób internetowy, do którego prowadzi dany element `a`.

W naszym przykładzie element `a` prowadzi do zasobu internetowego znajdującego się pod adresem `https://pl.wikipedia.org/wiki/R%C3%B3%C5%BCa`. Wspomniany zasób internetowy znajdujący się pod adresem `https://pl.wikipedia.org/wiki/R%C3%B3%C5%BCa` reprezentuje informacje na temat róży, dlatego ciąg znaków `kliknij tutaj`, który to ciąg znaków znajduje się w zawartości naszego przykładowego elementu `a` nie zawiera klarownej wskazówki o tym, jakie informacje są reprezentowane przez zasób internetowy, do którego prowadzi nasz przykładowy element `a`.

Spróbujmy sprawić, aby w zawartości naszego przykładowego elementu `a` znalazł się ciąg znaków `definicja róży według - wikipedia.org`.

Przykład:

```html
<p>
  Jeżeli chcesz dowiedzieć się czym jest róża, odwiedź następujący adres URL:
  <a href="https://pl.wikipedia.org/wiki/R%C3%B3%C5%BCa">definicja róży (według wikipedia.org)</a>.
</p>
```

Rezultat:

<figure><img src="https://3945955358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR42GcKXoxIh1R4ROdsLU%2Fuploads%2FrYGxv5qIdOh2y7KyMP3C%2FZrzut%20ekranu%202025-09-17%20o%2015.13.02.png?alt=media&#x26;token=8bfcb4ff-7f6d-4522-9639-55f90fa49ce4" alt=""><figcaption></figcaption></figure>

Od tej pory przeglądarka internetowa wie, jakich informacji można spodziewać się po zasobie internetowym znajdującym się pod adresem `https://pl.wikipedia.org/wiki/R%C3%B3%C5%BCa`.

Ponadto od tej pory użytkownik wie, jaką treść można spodziewać się ujrzeć po kliknięciu na ciąg znaków `definicja róży według - wikipedia.org`.
