نقل‌قول‌ها و منابع

نمایش نقل‌قول‌ها، منابع و اطلاعات تماس در HTML

نقل‌قول بلوکی (blockquote)

تگ <blockquote> برای نقل‌قول‌های طولانی استفاده می‌شود. این تگ یک بلوک جداگانه ایجاد می‌کند.

<blockquote>
  این یک نقل‌قول بلوکی است.
</blockquote>

می‌توانید منبع نقل‌قول را با <cite> مشخص کنید:

<blockquote>
  دانش قدرت است.
  <cite>— فرانسیس بیکن</cite>
</blockquote>

نقل‌قول کوتاه (q)

تگ <q> برای نقل‌قول‌های کوتاه در وسط متن استفاده می‌شود. مرورگر به‌طور خودکار علامت کوتیشن اضافه می‌کند:

<p>همانطور که <q>زندگی یک صحنه است</q> گفته می‌شود.</p>

منبع (cite)

تگ <cite> برای عنوان اثر (کتاب، فیلم، مقاله) استفاده می‌شود. معمولاً به‌صورت کج نمایش داده می‌شود:

<p>من کتاب <cite>شازده کوچولو</cite> را خواندم.</p>

مخفف (abbr)

تگ <abbr> برای مخفف‌ها استفاده می‌شود. با ویژگی title می‌توان توضیح کامل را اضافه کرد:

<p><abbr title="HyperText Markup Language">HTML</abbr> زبان وب است.</p>

وقتی ماوس روی مخفف بماند، توضیح کامل نمایش داده می‌شود.

اطلاعات تماس (address)

تگ <address> برای اطلاعات تماس (آدرس، ایمیل، تلفن) استفاده می‌شود. معمولاً به‌صورت کج نمایش داده می‌شود:

<address>
  <strong>لرنینگ سیتی</strong><br>
  تهران، خیابان ولیعصر<br>
  ایمیل: info@learningcity.ir
</address>

جهت متن (bdo و bdi)

تگ <bdo> (Bi-Directional Override) برای تغییر جهت متن استفاده می‌شود:

<p>نرمال: سلام</p>
<p><bdo dir="rtl">سلام</bdo> (راست به چپ)</p>
<p><bdo dir="ltr">سلام</bdo> (چپ به راست)</p>

تگ <bdi> (Bi-Directional Isolation) برای جدا کردن متن با جهت متفاوت استفاده می‌شود.

نکات مهم

این مبحث بخشی از دوره آموزش کامل HTML است.

ابزارهای مرتبط