تگ q در HTML

معرفی تگ q
معرفی تگ q

تگ q چیست؟ از چه تگ هایی می‌توانیم برای نقل قول هایمان استفاده کنیم؟ تگ q از چه خاصیت ها و ویژگی هایی پشتیبانی می‌کند ؟

تگ q

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

از این تگ می‌توانید به صورت تنهایی یا درون تگ های پاراگراف استفاده نمایید و بخش هایی از پاراگرافتان را به صورت نقل قول در بیاورید.

این تگ از عناصر inline level می‌باشد که از آن در عناصر Block Level استفاده می‌شود.

تمامی مرورگر ها به جز Internet Explorer از این تگ پشتیبانی می‌کنند.

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

<!DOCTYPE html>
<html>
<head>
<title>HTML q Tag</title>
</head>
<body>
Here comes a short quotation: <q> here is a short quotation </q>
</body>
</html>
مثال تگ q
مثال تگ q

خواص عمومی

این تگ همه خواص عمومی موجود در HTML را پشتیبانی می کند، برای مشاهده خواص عمومی می‌توانید مقالات ما در رابطه با خواص عمومی را مشاهده کنید.

معرفی صفت های عمومی در HTML بخش اول

معرفی صفت های عمومی در HTML بخش دوم

مثال :

<q class="quote" style="color:gray"> Hello Mizfa </q>

در مثال بالا نمونه ای از استفاده از صفات (خاصیت ها) عمومی را با استفاده از تگ q آورده ایم. خاصیت class برای کلاس بندی و استایل بندی با css و خاصیت style برای استایل بندی درون خطی CSS مورد استفاده قرار می‌گیرد.

خاصیت cite در تگ q

مانند تگ blockquote ، تگ <q> نیز دارای خاصیت cite است که محل نقل قول را تعیین می کند.

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

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

نحوه پیاده سازی :

همانطور که گفته شد پیاده سازی خاصیت cite در تگ q با استفاده از URL ‌صفحه نقل قول شده می‌باشد.

بنابر این در نمونه زیر به جای url می‌بایست آدرس ( لینک ) صفحه نقل قول را جایگزین کنیم تا بتوانیم از این خاصیت استفاده کنیم.

<q cite="url">Mizfa</q>

مثال :

مثال زیر با استفاده از نمونه پیاده سازی بالا آورده شده است.

<q cite="https://mizfa.com/blog/what-is-link-and-importance-of-linking-html/">
به طور کلی به ارجاع دادن کاربران از یک صفحه به صفحه‌ای خارج از وب سایتمان لینک سازی خارجی می‌گوییم
</q>

همانطور که مشاهده می‌کنید، نقل قول ما که تعریف لینک سازی خارجی است، از مقاله آشنایی با لینک ها برداشته شده است و لینک آن مقاله نیز در بخش cite آورده شده است.

پایانترم

[box type=”info” class=”question-from-users” width=””]

سوال:

تفاوت اصلی blockquote با تگ q چیه ؟

به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)

[/box]

نتیجه گیری

در این مقاله به صورت کامل با تگ q آشنا شدیم و نحوه معرفی آن را در کد های HTML بررسی کردیم.

در فصل ۱۳ در رابطه با نقل قول ها و کلا تگ های مربوط به نقل قول ها به صورت کامل صحبت کرده ایم و پیشنهاد میکنم حتما تمامی مقالات این فصل را بخوانید.

این مقاله نیز به پایان رسید و مثل همیشه منتظر سوالات و پیشنهادات شما هستم.

تا مقاله بعدی و آموزش بعدی…

فیلم آموزشی asp.net core 2

علی اسماعیلی
درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم…
سرفصل های آموزش HTML
پایین سرفصل های HTML هست، روی منم کلیک کنی میتونی ببینی.
فصل ۸ – کار با جدول در HTML

روی فصل بالا کلیک کنید.

ازمون HTML شرکت کن

روی لینک بالا کلیک کن

فیلم آموزشی asp.net core 2

4 نظر

4 پاسخ

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

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

    1. سلام محمد درست گفتی. فراموش نکن که تگ q در مرورگر های اینترنت اکسپلورر ساپورت نمیشه و بهتره از همون blockquote استفاده کنی.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=