# Semantyka tekstu - element "q"

Załóżmy, że w treści, którą ma reprezentować zawartość interesującego nas elementu HTML chcemy umieścić ciąg znaków cytowany z innego źródła (niekoniecznie z innego zasobu internetowego).

Przykład:

```html
<p>
  Nasza wiedza ma początek w tym, co czujemy - Leonardo da Vinci
</p>
```

Rezultat:

<figure><img src="https://3945955358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR42GcKXoxIh1R4ROdsLU%2Fuploads%2FZtWOTewnhh5VoXXyiwsg%2FZrzut%20ekranu%202025-09-17%20o%2015.18.30.png?alt=media&#x26;token=3c17a8f8-b185-4936-9ab3-a9262fbbe722" alt=""><figcaption></figcaption></figure>

Użytkownik zapoznający się z treścią reprezentowaną przez zawartość naszego przykładowego elementu `p` zorientuje się, że słowa `Nasza wiedza ma początek w tym, co czujemy`, występujące we wspomnianej treści, są słowami cytowanymi z innego źródła. W tym wypadku tym innym źródłem jest artysta o nazwie Leonardo da Vinci.

Czy przeglądarka internetowa również będzie wiedziała o tym, że słowa `Nasza wiedza ma początek w tym, co czujemy`, występujące w treści reprezentowanej przez zawartość naszego przykładowego elementu `p`, są słowami cytowanymi z innego źródła?

Niekoniecznie, lecz za pomocą elementu [q](https://webkod.pl/kurs-html/tagi/semantyka-tekstu/element-q) sytuację tę możemy zmienić.

Przykład:

```html
<p>
  <q>Nasza wiedza ma początek w tym, co czujemy</q> - Leonardo da Vinci
</p>
```

Rezultat:

<figure><img src="https://3945955358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR42GcKXoxIh1R4ROdsLU%2Fuploads%2F4pE6urLd2KVqfcXUz0Ud%2FZrzut%20ekranu%202025-09-17%20o%2015.18.50.png?alt=media&#x26;token=24c3dd4e-7f0e-4e19-b432-7026ecd3bb8f" alt=""><figcaption></figcaption></figure>

Od tej pory, dzięki elementowi `q` nasz przykładowy kod HTML zawiera dodatkową informację dla przeglądarki internetowej o tym, iż słowa `Nasza wiedza ma początek w tym, co czujemy`, występujące w treści reprezentowanej przez zawartość naszego przykładowego elementu `p`, są słowami cytowanymi z innego źródła.

Ponadto, aby wskazać dla przeglądarki internetowej, kto jest autorem słów `Nasza wiedza ma początek w tym, co czujemy`, możemy wykorzystać do tego celu znany już nam element `cite`.

Przykład:

```html
<p>
  <q>Nasza wiedza ma początek w tym, co czujemy</q> - <cite>Leonardo da Vinci</cite>
</p>
```

Rezultat:

<figure><img src="https://3945955358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR42GcKXoxIh1R4ROdsLU%2Fuploads%2FxWhPfyl7fnGqdw0LGsTq%2FZrzut%20ekranu%202025-09-17%20o%2015.19.09.png?alt=media&#x26;token=4634852c-0a2f-4d1c-aad1-70e47d5d7a0c" alt=""><figcaption></figcaption></figure>
