تعدادی تگ HTML5 که ممکنه بلد نباشید (جلسه ۳) : تگ q و blockquote

در این جلسه با ادامه تعدادی تگ HTML5 که ممکنه بلد نباشید در خدمتتون هستیم.html5 tags

نقل قول با q و blockquote

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

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

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

پس در مجموع وقتی میاید نقل قولی درون سایتتون قرار بدین، اگر متن اون کوتاه بود، اون رو درون تگ q و اگر متنش طولانی بود اون رو درون تگ blockquote قرار بدین. اینو در نظر داشته باشید که از این موارد فقط در مواقعی که میخاید یک نقل قول و منبع خارجی رو قرار بدین استفاده کنید و فقط از اونا برای استایل دادن به متون استفاده نکنید. میتونین برای استایل دادن، متن رو درون یک span یا p قرار بدین و با استفاده از CSS، به اونا استایل مورد نظرتونو بدین.

مثال عملی و کاربردی:

بیاید با هم مثالهایی رو ببینیم تا بهتر با این موضوع آشنایی پیدا کنیم.

اگر قصد داشتید که متن کوتاهی رو برای نقل قول قرار بدین، بصورت زیر عمل کنید:

Try our latest sandwich!

Come and try our latest, biggest and tastiest sandwich. John Smith told us he hasn't eaten anything as good in his whole life!

همونطور که دیدید بعد از John Smith told us، متن مورد نظر درون q قرار گرفته و این معنی رو میرسونه که جان اسمیت این متن رو نقل قول کرده و ما داریم اونو اینجا میاریم.

اگر متن مورد نظر شما طولانی باشه و یا یجورایی پیچیده‌تر باشه باید اونو درون تگ blockquote قرار بدین، بصورت زیر:

Infuse your life with action. Don't wait for it to happen. Make it happen. Make your own future. Make your own hope. Make your own love. And whatever your beliefs, honor your creator, not by passively waiting for grace to come down from upon high, but by doing what you can to make grace happen... yourself, right now, right down here on Earth. Bradley Whitford - Author

همونطور که دیدید متن طولانی رو درون تگ blockquote قرار دادیم. همچنین در انتهای اون یک تگ cite قرار دادیم که درون اون متن مربوط به منبع این نقل قول رو قرار دادیم و با استفاده از ویژگی cite هم آدرس منبع رو گذاشتیم. با اینکار کاربران و موتورهای جستجو میتونن بفهمن که منبع این نقل قول کجا و توسط چه کسی هست. همچنین استایل تگ cite با بقیه متون بصورت پیش فرض تفاوت داره و italic هست.

برای هر دو تگ q و blockquote میتونین ویژگی و تگ cite رو مورد استفاده قرار بدین و مشخصات منبع رو درج کنید. بهمین راحتی.

در جلسات بعدی با ادامه نکات در خدمتتون هستیم.

امیدوارم از این جلسه خوشتون اومده باشه.

موفق و پیروز باشید.

یا علی

Source

چه امتیازی به این مقاله می دید؟











نویسنده
محمد اسفندیاری

بسیار به طراحی وب علاقمندم و به سرعت در حال یادگیری تمام مباحث پیشرفته هستم و دوست دارم که به دیگران هم یاد بدهم.

نظر دهید

پاسخ دهید

Logo
بازیابی رمز عبور
مقایسه موارد
  • کل (0)
مقایسه
0