این آموزش در تاریخ ۱۴۰۲/۰۶/۱۹ آپدیت شده است.
آموزش صفت عمومی Title در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت عمومی Title در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت عمومی title در HTML
صفت title در واقع همون تولتیپ هست، فک کنم تا الان کلمه تولتیپ رو شنیده باشید، وقتی ماوس چند لحظه بدون حرکت روی یک تگ وایسه، یه متنی نمایش داده میشه که بهش میگیم تولتیپ یا Tooltip
حال ما به راحتی با استفاده از صفت title میتوانیم یک تولتیپ برای هر یک از تگ ها یا عناصر صفحه وبمان ایجاد نماییم که وقتی کاربر ماوس را بروی آن عنصر نگه داشت اون اطلاعات بهش نشون داده بشن.
برای مثال لطفا ماوس تان را بروی موارد زیر برای چند لحظه نگه دارید :
فری لرن – تولتیپ
Free-Learn
مثال از صفت title در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
|
1 2 3 4 5 6 7 |
<body> <p title="سایت آموزشی فری لرن"> لطفا ماوس را برای چند لحظه روی این متن نگه دارید </p> </body> |
مثال شماره ۲ : استفاده از تولتیپ چند سطری ( یعنی متنمون چند سطری میشه )
|
1 2 3 4 5 6 7 8 9 10 11 |
<body> <p title="Salam Khobi? Man Sadegh Hastam"> لطفا ماوس را برای چند لحظه روی این متن نگه دارید </p> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت title در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این صفت در عناصر HTML بصورت زیر می باشد.
|
1 |
<element title="MyText"> |
Free-Learn
جدول مقادیر صفت title
در جدول زیر میتوانید مقادیر را که میتوان در این صفت استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| MyText | متنی که قرار است به عنوان تولتیپ به کاربر نمایش داده شود |
Free-Learn
نکات و توضیحات
- این نوع تولتیپ خب خیلی پیشرفته و جذاب نیست، چون یه چیز ساده و پیش فرض خوده HTML هستش ، برای تولتیپ های حرفه ای تر پیشنهاد میکنم از CSS استفاده کنید ( آموزش ایجاد تولتیپ در CSS )
