Ostatnio edytowany:

blockquote

Autor: Virtual Patriot

Przeznaczenie elementu blockquote

Element blockquote reprezentuje zawartość, którą powinna być treść cytowana z innego zasobu internetowego lub z innego źródła. Informacja o źródle cytowanej treści (np. o autorze) może znaleźć się w treści reprezentowanej przez zawartość elementu cite elementu footer danego elementu blockquote. Element blockquote może reprezentować również treść, której źródłem jest zawartość danego dokumentu HTML, np. w sytuacji gdy chcemy zacytować treść napisaną przez konkretnego użytkownika danej strony internetowej.

Dodatkowe techniczne informacje o elemencie blockquote

kategoria ogólna
kontekst zewnętrzny
  • element HTML, który tworzy wewnętrzny kontekst opływający

    Przykładowy Kod HTML

    <main>
      <blockquote>
        <h1>Mój ulubiony cytat</h1>
    
        <p>Nasza wiedza ma początek w tym, co czujemy.</p>
    
        <footer>
          <cite>Leonardo da Vinci</cite>
        </footer>
      </blockquote>
    </main>

    Kontekstem zewnętrznym przykładowego elementu "blockquote" jest element "main". Wspomniany element "main" jest jednym z elementów HTML, które tworzą wewnętrzny kontekst opływający, dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "main", jest prawidłowym kontekstem zewnętrznym dla elementu "blockquote".

kontekst wewnętrzny
  • zawartość opływająca

    Przykładowy Kod HTML

    <main>
      <blockquote>
        <h1>Mój ulubiony cytat</h1>
    
        <p>Nasza wiedza ma początek w tym, co czujemy.</p>
    
        <footer>
          <cite>Leonardo da Vinci</cite>
        </footer>
      </blockquote>
    </main>

    Kontekstem wewnętrznym przykładowego elementu "blockquote" są wyłącznie elementy HTML, które należą do kategorii zawartość opływająca, dlatego w tej sytuacji wspomniany kontekst wewnętrzny, czyli element "h1", element "p" oraz element "footer", jest prawidłowym kontekstem wewnętrznym dla elementu "blockquote".

wymagane elementy dzieci
  • brak
wymagane atrybuty
  • brak
składnia HTML
  • <blockquote> ... </blockquote>
pominięcie tagu na początku
  • nigdy
pominięcie tagu na końcu
  • nigdy
CSS display
  • block

Dodatkowe domyślne reguły CSS elementu blockquote

blockquote {
  display:block;
  margin-top:1em;
  margin-right:40px;
  margin-bottom:1em;
  margin-left:40px;
}

Interpretacja elementu blockquote

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak

Opis atrybutów elementu blockquote

cite

Przeznaczenie atrybutu cite

Atrybut cite wykorzystany wraz z elementem blockquote określa adres zasobu internetowego, z którego została zacytowana treść reprezentowana przez zawartość danego elementu blockquote.

Wartość domyślna

brak wartości domyślnej

Wartości atrybutu cite

URI

Należy podać ciąg znaków w formie adresu URI.

Przykładowy Kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <blockquote cite="http://cytaty.klp.pl/acc-233.html">
      <h1>Mój ulubiony cytat</h1>

      <p>
        Ludzie są jak kwiaty: stworzeni do tego, aby się rozwijać.
      </p>

      <footer>
        <cite>André Liége</cite>
      </footer>
    </blockquote>

  </body>
</html>

Rezultat

Mój ulubiony cytat

Ludzie są jak kwiaty: stworzeni do tego, aby się rozwijać.

André Liége

Ponieważ do przykładowego elementu "blockquote" został dodany atrybut "cite" wraz z wartością "http://cytaty.klp.pl/acc-233.html" wspomniany element "blockquote" zawiera dodatkową informację dla przeglądarki internetowej o adresie zasobu internetowego, z którego pochodzi cytat "Ludzie są jak kwiaty: stworzeni do tego, aby się rozwijać.", który to cytat znajduje się w zawartości wspomnianego elementu "blockquote".