تگ 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>

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

در مثال بالا، همانطور که مشاهده می شود، توسط تگ 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 ها به شکل متفاوتی تلفظ می شود.

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