آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

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

0 233 ۲۶ دی ۹۵

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

نقل قول با q و blockquote

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

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

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

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

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

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

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

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

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

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

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

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

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

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

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :