# Semantyka tekstu - element "abbr"

Załóżmy, że w treści, którą ma reprezentować zawartość interesującego nas elementu HTML chcemy umieścić ciąg znaków, który będzie skrótowcem.

Przykład:

```html
<p>
  NBP, czyli jeden z banków naszego świata.
</p>
```

Rezultat:

<figure><img src="https://3945955358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR42GcKXoxIh1R4ROdsLU%2Fuploads%2FdqKkcP8XRNjxJs9rDM3u%2FZrzut%20ekranu%202025-09-17%20o%2015.14.40.png?alt=media&#x26;token=4cd18913-cec7-47c9-9ae1-5bd63dbe24bd" alt=""><figcaption></figcaption></figure>

Użytkownik zapoznający się z treścią reprezentowaną przez zawartość naszego przykładowego elementu `p` zorientuje się, że ciąg znaków `NBP`, występujący we wspomnianej treści, jest skrótem wyrażenia: Narodowy Bank Polski.

Czy przeglądarka internetowa również będzie wiedziała o tym, że ciąg znaków `NBP`, występujący w treści reprezentowanej przez zawartość naszego przykładowego elementu `p`, jest skrótem wyrażenia?

Niekoniecznie, lecz za pomocą elementu abbr sytuację tę możemy zmienić.

Przykład:

```html
<p>
  <abbr>NBP</abbr>, czyli jeden z banków naszego świata.
</p>
```

Rezultat:

<figure><img src="https://3945955358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR42GcKXoxIh1R4ROdsLU%2Fuploads%2FRzuOevOCEAOTFiXxDm4x%2FZrzut%20ekranu%202025-09-17%20o%2015.15.04.png?alt=media&#x26;token=6fac5a6a-fa1d-43c1-b393-664e77dda0d6" alt=""><figcaption></figcaption></figure>

Od tej pory, dzięki elementowi `abbr` nasz przykładowy kod HTML zawiera dodatkową informację dla przeglądarki internetowej o tym, iż ciąg znaków `NBP`, występujący w treści reprezentowanej przez zawartość naszego przykładowego elementu `p`, jest skrótem wyrażenia.

Ponadto, aby wskazać dla przeglądarki internetowej pełne rozwinięcie skrótu reprezentowanego przez zawartość elementu `abbr` możemy skorzystać z atrybutu [title](https://webkod.pl/kurs-html/tagi/semantyka-tekstu/element-abbr#title) elementu `abbr`.

Przykład:

```html
<p>
  <abbr title="Narodowy Bank Polski">NBP</abbr>, czyli jeden z banków naszego świata.
</p>
```

Rezultat:

<figure><img src="https://3945955358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR42GcKXoxIh1R4ROdsLU%2Fuploads%2FUzYa65Ik6TpCR1p4Vo1y%2FZrzut%20ekranu%202025-09-17%20o%2015.15.38.png?alt=media&#x26;token=bcb2dc65-2776-4522-a369-38488ef7151b" alt=""><figcaption></figcaption></figure>
