این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ var در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ var در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Var در HTML
تگ var که از کلمه Variable گرفته شده است ، تگی است که با استفاده از آن میتوان متغیر ها یا هم عبارت های ریاضی رو در یک صفحه وب تعریف و یا ایجاد نمود.
کاربرد و هدف اصلی این تگ برای مرورگرها و موتورهای جستجوگر می باشد، یعنی مثلا من دارم در صفحه یه متن مینویسم که یه چیزی رو تعریف کنم، مثلا میگم یه برنامه درست کردم با فلان متغیرها ، همین تموم شد رفت ( دیگه اون متغیرهارو داخل تگ var میزارم ) بعدش یکی مث گوگل دیگه درک میکنه که اون یک متغیر هست ( که حالا یا مال یه زبان برنامه نویسی هستش یاهم مثلا یه عبارت ریاضی )
Free-Learn
مثال از تگ var در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از تگ var ( بدون استایل )
|
1 2 3 4 5 |
<body dir="rtl"> <p>سلام دوستان، من برای فلان برنامم اول یه متغیر به نام <var>Name</var> تعریف کردم بعدش یه متغیر دیگه به نام <var>Family</var></p> </body> |
مثال شماره ۲ : استایل دادن به تگ var با استفاده از CSS
|
1 2 3 4 5 6 7 8 9 10 |
<style> var{ font-weight: bold; color:blue; background-color:#f2f2f2; padding:3px 5px; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ var در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ var از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- تگ
varدر ظاهر شکل و شمایل خاصی نداره ولی ما با استفاده از CSS به راحتی میتونیم بهش استایل بدیم. ( همانند مثال شماره ۲ )
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ var را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
var { font-style: italic; } |
