10 ) صفت عمومی title  :


🌟  برای اینکه در مورد المان ، یک سری اطلاعات اضافی در نظر بگیریم ، طوری که در صفحه نباشد و زمانی که با ماوس رو آن می رویم ، آن اطلاعات اضافی ظاهر شود ، از صفت title استفاده می کنیم .


🌟  برای دیدن یک مثال ، صفحه ی زیر را باز کنید :


http://www.w3.org/International/resources


این سایت ، یکی از مراجع مهم تکنولوژی های وب و تعیین کننده استاندارد آنهاست و کارهایی که می کند باید موردتوجه قرار بگیرد . در سمت چپ و زیر لوگوی سایت ، یک منو را مشاهده می کنید . با ماوس روی گزینه های منو بروید و مقداری صبر کنید . مشاهده می کنید که اطلاعاتی اضافی در مورد آن گزینه ها ظاهر می شود . این اطلاعات اضافی توسط صفت title اعمال می شود .


🌟  نحوه ی نمایشی که صفت title ایجاد می کند را اصطلاحا tooltip گویند .


🌟  این صفت توسط همه ی مرورگرها پشتیبانی می شود .


🌟  مثال عملی :


می خواهیم زمانی که با ماوس روی عبارت hello world در المان p می رویم ، اطلاعات اضافی زیر ظاهر شود


this is extra information about this text


1 )  نوت پد را باز کنید و قطعه کد زیر را در آن وارد کنید و سپس با نام دلخواه و پسوند html. در مکان دلخواه ذخیره کنید .

<!DOCTYPE html>
<html>

<head></head>

<body>

<p title="this is extra information about this text">hello world</p>

</body>

</html>


خیلی راحت فقط کافیست صفت title را برابر مقدار موردنظر قرار دهیم .


2 ) اکنون فایل ذخیره شده را با مرورگر ( ترجیحا فایرفاکس ) باز کنید . با ماوس روی عبارت بروید . مشاهده می کنید که اطلاعات اضافی تعیین شده ظاهر می شود .



برای دریافت مطالب در تلگرام خود ، عضو کانال تلگرامی html5 شوید.