HTML
tag służy do zdefiniowania bloku tekstu, który jest cytowany z innego źródła. Przeglądarka zazwyczaj wyświetla zawartość wewnątrztag jako tekst z wcięciem.
Jeśli chcesz wstawić długi cytat, użyj
a w przypadku krótkich lub wbudowanych cytatów użyj tagu.
Składnia
<blockquote> quoted text......</blockquote>
Poniżej znajdują się niektóre specyfikacje dotyczące etykietka
Wyświetlacz | Blok |
---|---|
Znacznik początkowy/znacznik końcowy | Zarówno tag początkowy, jak i końcowy |
Stosowanie | Semantyczny/tekstowy |
Przykład
Blockquote tag <h2>Example of blockquote tag</h2> <p>A Great Motivational Quote :</p> <blockquote cite="https://www.brainyquote.com/authors/erin_cummings"> <p> At the end of the day, you are solely responsible for your success and your failure. And the sooner you realize that, you accept that, and integrate that into your work ethic, you will start being successful. As long as you blame others for the reason you aren't where you want to be, you will always be a failure. </p> </blockquote> Erin CummingsPrzetestuj teraz
Wyjście:
Stylizacja etykietka
Blockquote tag blockquote{ text-align: justify; background-color: #F7EAE9; border-radius: 4px; margin-right: 25px;} cite{ margin-left: 15px;} <h2>Example of blockquote tag</h2> <p>A Great Motivational Quote:</p> <blockquote cite="https://www.brainyquote.com/authors/erin_cummings"> <p> At the end of the day, you are solely responsible for your success and your failure. And the sooner you realize that, you accept that, and integrate that into your work ethic, you will start being successful. As long as you blame others for the reason you aren't where you want to be, you will always be a failure. </p> </blockquote> -Erin CummingsPrzetestuj teraz
Uwaga: Użyliśmy właściwości CSS margines-prawo: 25px, aby zmienić wcięcie zastosowane do tekstu. Można także użyć właściwości marginesu lewego lub skrótu marginesu.
Wyjście:
Atrybut
Atrybut specyficzny dla tagu
Atrybut | wartość | Opis |
---|---|---|
cytować | Adres URL | Służy do podania adresu URL źródła, z którego pochodzi cytat. |
Atrybuty globalne
The
tag obsługuje wszystkie atrybuty globalne w HTML.
Atrybuty zdarzenia
The
tag obsługuje wszystkie atrybuty zdarzeń w formacie HTML.
Obsługiwane przeglądarki
Element | Chrom | TJ | Firefoksa | Opera | Safari |
Tak | Tak | Tak | Tak | Tak |