آموزش نقل قول در HTML و نکات کاربردی

از کوتیشن ها برای قرار دادن نقل قول در وب سایت استفاده می شود. برای انجام این کار، باید از تگ q و تگ blockquote استفاده کنید.

تگ q

تگ q برای قرار دادن نقل قول های کوتاه استفاده می شود. برای این کار متن خود را در تگ …………. بنویسید.

مثال

 Great quote on love and life.

 Dr. Seuss once said : Reality is finally better than your dreams.

خروجی

تگ blockquote

تگ blockquote برای تعریف نقل قول بلند استفاده می شود. اگر یک نقل قول بزرگ دارید، کل متن را در تگ

قرار دهید.

مثال

 Read this inspirational story.

 According to scientists, the bumblebee’s body is too heavy and its wing span too small. Aerodynamically, the bumblebee cannot fly. But the bumblebee doesn’t know that and it keeps flying. When you don’t know your limitations, you go out and surprise yourself. In hindsight, you  wonder if you had any limitations. The only limitations a person has are those that are self- imposed. Don’t let education put limitations on you.

خروجی

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

نام عنصر	Chrome	IE	Firefox	Opera	Safari
و	بله	بله	بله	بله	بله

تگ های HTML که در نقل قول و استناد به کار می روند.

پس متوجه شدیم که در HTML برای نمایش نقل‌قول معمولاً از دو تگ اصلی استفاده می‌شود:

1. نقل‌قول کوتاه با <q>

برای جمله‌های کوتاه داخل یک پاراگراف:

<p>علی گفت: <q>تمرین باعث پیشرفت می‌شود.</q></p>

مرورگر معمولاً علامت نقل‌قول را به‌صورت خودکار اضافه می‌کند.

2. نقل‌قول بلند با <blockquote>

برای جمله یا متن چندخطی و مستقل:

<blockquote>
  یادگیری برنامه‌نویسی با تمرین مداوم و ساخت پروژه بهتر انجام می‌شود.
</blockquote>

این تگ معمولاً متن نقل‌شده را از بقیه محتوا جدا می‌کند.

ذکر منبع نقل‌قول

می‌توان آدرس منبع را با ویژگی cite مشخص کرد:

<blockquote cite="https://example.com">
  این یک متن نقل‌شده از یک منبع دیگر است.
</blockquote>

برای نمایش نام منبع یا نویسنده نیز می‌توان از تگ <cite> استفاده کرد:

<p><cite>نام نویسنده</cite></p>

تفاوت سریع

قاعده ساده: نقل‌قول یک جمله کوتاه → <q>؛ نقل‌قول یک پاراگراف یا متن بلند → <blockquote>.