برچسب <blockquote> HTML

تعریف و استفاده

<blockquote> برچسب بخش‌هایی از منابع دیگر را تعریف می‌کند.

مرورگرها معمولاً <blockquote> عنصر (لطفاً به مثال زیر برای حذف فضای حاشیه‌ای مراجعه کنید).

توضیحات

<blockquote> برچسب تعریف نقل قول‌های بلوکی است.<blockquote> با </blockquote> تمام متن‌های بین این دو علامت از متن معمولی جدا می‌شوند و معمولاً در دو طرف فاصله داده می‌شوند (افزایش حاشیه)، و گاهی اوقات با استفاده از آناتومی استفاده می‌شود. به این معنا که نقل قول‌های بلوکی فضای خاص خود را دارند.

توضیح:لطفاً از <q>برچسب برای نقل قول‌های درون‌متنی (کوتاه) مراجعه کنید.

لطفاً به:

دستورالعمل HTML DOM:عنصر Blockquote

مثال

مثال ۱

بخش‌هایی که از منابع دیگر نقل قول شده‌اند:

<blockquote cite="http://www.worldwildlife.org/who/index.html">
در ۵۰ سال گذشته، بنیاد جهانی طبیعت (WWF) در حفاظت از آینده طبیعت فعالیت کرده است.
به عنوان سازمان حفاظت از محیط زیست پیشرو در جهان، WWF در ۱۰۰ کشور فعالیت می‌کند و از حمایت ۱.۲ میلیون عضو آمریکایی و نزدیک به ۵ میلیون نفر در سراسر جهان بهره‌مند است.
</blockquote>

آزمایش کنید

مثال ۲

استفاده از CSS برای حذف فضای حاشیه‌ای عناصر blockquote:

<html>
<head>
<style>
blockquote {
  margin-left: ۰;
}
</style>
</head>
<body>
<p>این یک نقل قول از وب‌سایت بنیاد جهانی طبیعت است：</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
در ۵۰ سال گذشته، بنیاد جهانی طبیعت (WWF) در حفاظت از آینده طبیعت فعالیت کرده است.
به عنوان سازمان حفاظت از محیط زیست پیشرو در جهان، WWF در ۱۰۰ کشور فعالیت می‌کند و از حمایت ۱.۲ میلیون عضو آمریکایی و نزدیک به ۵ میلیون نفر در سراسر جهان بهره‌مند است.
</blockquote>
</body>
</html>

آزمایش کنید

ویژگی

ویژگی مقدار توضیح
cite URL تعیین منبع مرجع.

ویژگی‌های جهانی

<blockquote> این برچسب‌ها همچنین از ویژگی‌های رویداد پشتیبانی می‌کنند ویژگی‌های جهانی در HTML.

ویژگی‌های رویداد

<blockquote> این برچسب‌ها همچنین از ویژگی‌های رویداد پشتیبانی می‌کنند ویژگی‌های رویداد در HTML.

تنظیمات CSS پیش‌فرض

بیشتر مرورگرها از مقادیر پیش‌فرض زیر برای نمایش استفاده می‌کنند <blockquote> عنصر:

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

آزمایش کنید

پشتیبانی از مرورگر

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی