تگ cite در HTML

تگ cite در HTML
آموزش طراحی سایت

تگ cite چیست؟ تگ cite از HTML4 تا HTML5 چه تغییر کرده است؟ برای عنوان کار هایمان از چه تگی استفاده می‌کنیم؟ در گذشته برای استناد به چیزی از چه تگی استفاده می‌شد؟ در این مقاله می‌خواهیم با تگ cite آشنا شویم.

تگ cite

تگ cite تعیین کننده استناد به چیزی است، همچنین از این تگ برای تیتر نیز می توان استفاده کرد.

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

تفاوت تگ cite در HTML 4 و HTML 5

در نسخه HTML 5، تگ <cite> برای عنوان یک کار استفاده می شود.

در نسخه HTML 4 به عنوان استناد به چیزی در نظر گرفته می شود.

مثال

<p> Your frog is your biggest, most important task </p>
<cite> Eat that frog, by Mizfa.com </cite>
نمونه کد تگ cite
نمونه کد تگ cite

نتیجه به صورت زیر، ظاهر می‌گردد:

خروجی نمونه کد cite
خروجی نمونه کد cite

در مثال بالا، همانطور که مشاهده می شود، توسط تگ p متن مورد نظر را که قسمتی از کتاب “قورباغه ات را قورت بده” است نوشته ایم.

سپس توسط تگ cite، منبع نوشته فوق را ذکر کرده ایم.

تفاوت تگ cite، em و i

یکی از سوالاتی که همیشه در مورد تگ cite، پیش می‌آید، تفاوت آن با تگ های em و i می‌باشد.

این سه تگ، در italic بودن استایل خود، با هم دیگر فرقی ندارند.

چیزی که این سه تگ را از هم متمایز می‌کند، تفاوت کاربرد های آن هاست:

  • تگ cite: این تگ برای استناد دادن یک رسانه خاص، از متن های مختلف گرفته تا فیلم و موسیقی، به منبعشان استفاده می‌گردد و معمولا همراه تگ های <q> و <blockquotes> به کار می رود.
  • تگ em: این تگ برای تاکید کردن بر یک کلمه یا عبارت خاص به کار می رود و خلاصه واژه ی emphasis است.
  • تگ i: تنها کاربرد این تگ، بخشیدن ویژگی italic به متن مورد نظر می باشد. قابل ذکر است که کاربرد این تگ در HTML5 به طور کلی تغییر کرد.

یکی دیگر از تفاوت های تگ cite و em با i، آن است که نرم افزار های screen reader، که برای همراهی کاربران نابینا و ناتوان به کار می روند، به شکلی متفاوت کلمات درون تگ های cite و em را می خوانند. در حالی که تاثیری بر کلمات درون تگ i ندارند.

خواص عمومی

این تگ همه خواص عمومی موجود در HTML را پشتیبانی می کند. خواصی مانند style، class و id که به وسیله آن ها می‌توان به محتوای تگ موردنظر، استایل داد.

<cite id="mizfa">Hello Mizfa</cite>

نمونه ای از استفاده از خواص عمومی را در بالا می‌بینید که ما از خاصیت id درون این تگ استفاده کردیم که می‌توانیم با فراخوانی آن استایل آن را تغییر دهیم.

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

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

نتیجه گیری

  • تگ cite برای استناد به یک منبع خاص از محتوا و همچنین برای تیتر محتوا به کار می رود.
  • از لحاظ ظاهری، شبیه به تگ em و تگ i می باشد، با این تفاوت که همراه تگ های quote به کار رفته و در screen reader ها به شکل متفاوتی تلفظ می شود.

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

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

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

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

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

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

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

2 نظر

2 پاسخ

  1. سلام متن درون تگ cite هم بصورت مورب نمایش داده می شود؟

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

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

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

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

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

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