Tag HTML <blockquote>

Definicja i zastosowanie

<blockquote> znacznik określa część cytatu z innych źródeł.

Przeglądarki zazwyczaj wcięwają <blockquote> element (zobacz poniższe przykłady, aby dowiedzieć się, jak usunąć wcięcia).

Szczegółowe wyjaśnienie

<blockquote> znacznik definiuje blokowy cytat.<blockquote> z </blockquote> Wszystkie teksty między znacznikami <q> będą oddzielone od normalnego tekstu, często wcięte po lewej i prawej stronie (zwiększenie marginesu), a czasami pisane kursywą. Oznacza to, że blok cytatu ma swoją własną przestrzeń.

Wskazówka:Użyj <q> znacznik do cytowania tekstu wewnętrznego (krótkiego).

Zobacz również:

Podręcznik HTML DOM:Obiekt Blockquote

Przykład

Przykład 1

Część cytatu z innych źródeł:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
Przez 50 lat Fundacja Światowy Związek Ochrony Przyrody (WWF) zajmuje się ochroną przyszłości natury.
Jako światowa lidera w ochronie środowiska, WWF działa w 100 krajach i uzyskuje wsparcie od 1,2 miliona członków w USA oraz blisko 5 milionów ludzi na całym świecie.
</blockquote>

Spróbuj sam

Przykład 2

Użyj CSS, aby usunąć wcięcia z elementu blockquote:

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>
<p>To jest cytat z witryny World Wildlife Fund:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
Przez 50 lat Fundacja Światowy Związek Ochrony Przyrody (WWF) zajmuje się ochroną przyszłości natury.
Jako światowa lidera w ochronie środowiska, WWF działa w 100 krajach i uzyskuje wsparcie od 1,2 miliona członków w USA oraz blisko 5 milionów ludzi na całym świecie.
</blockquote>
</body>
</html>

Spróbuj sam

Atrybut

Atrybut Wartość Opis
cite URL Określa źródło cytatu.

Globalne atrybuty

<blockquote> Znacznik również wspiera Globalne atrybuty HTML.

Atrybuty wydarzeń

<blockquote> Znacznik również wspiera Atrybuty wydarzeń w HTML.

Domyślne ustawienia CSS

Większość przeglądarek użyje następujących wartości domyślnych do wyświetlania <blockquote> Element:

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

Spróbuj sam

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie