نقل قول کوتاه (q)
تگ «نقل قول کوتاه (Short quotation)» با نام «q» برای نقل قول های کم حجم است. مرورگر معمولاً خودش علامت نقل قول می گذارد. بنابراین، متن نقل قول مرتب و خوانا می شود.
تعریف و کاربرد
تگ «q» یک نقل قول کوتاه را تعریف می کند. معمولاً مرورگر قبل و بعدش گیومه می گذارد. برای نقل قول های بلند از blockquote استفاده کن.
نمونه پایه نقل قول کوتاه
<p>
WWF's goal is to:
<br>
<q>
Build a future where people live in harmony with nature.
</q>
<br>
We hope they succeed.
</p>
ویژگی ها (Attributes)
cite: آدرس منبع نقل قول را مشخص می کند. این ویژگی یک URL می گیرد و منبع را معرفی می کند.
استایل پیش فرض مرورگر
مرورگرها معمولاً «q» را درون خطی نمایش می دهند و گیومه باز/بسته اضافه می کنند.
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
استایل دهی با CSS
می توانی رنگ و شکل متن نقل قول را تغییر دهی.
<style>
q {
color: gray;
font-style: italic;
}
</style>
<p>
WWF's goal is to:
<br>
<q>
Build a future where people live in harmony with nature.
</q>
</p>
نکته: برای نقل قول های طولانی از blockquote استفاده کن تا ساختار بهتر شود.
هشدار: اگر منبع مهم است، از ویژگی «cite» برای ثبت URL منبع کمک بگیر.
گام های عملی
- متن اصلی را داخل «p» بنویس.
- متن نقل قول را در «q» قرار بده.
- در صورت نیاز، ویژگی «cite» را اضافه کن.
جمع بندی سریع
- «q» برای نقل قول کوتاه است.
- مرورگر خودش گیومه می گذارد.
- برای نقل قول بلند، «blockquote» مناسب است.
- منبع را با «cite» مشخص کن.