این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
آموزش صفت Target در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Target در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Target در HTML
صفت target که یکی دیگر از صفت های پراستفاده در زبان HTML می باشد، صفتی است که بطور کلی میتواند نحوه یا حالت باز شدن یک لینک / صفحه را در مرورگرها مشخص نماید.
مثلا اگر از این صفت درون تگ a و area استفاده کنیم میتونیم مشخص کنیم که وقتی بروی یک لینک کلیک شد، مقصد لینک در تب جدید مرورگر باز شود یا دیگر مواردی که در ادامه باهاشون آشنا میشید.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <area> | <a> |
| <form> | <base> |
Free-Learn
مثال از صفت Target در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ a
|
1 2 3 4 5 6 7 8 |
<body> <a href="https://free-learn.ir" target="_self">Self</a> <br> <a href="https://free-learn.ir" target="_blank">Blank</a> <br> <a href="https://free-learn.ir" target="_parent">Parent</a> <br> <a href="https://free-learn.ir" target="_top">Top</a> </body> |
مثال شماره ۲ : استفاده در تگ Area
|
1 2 3 4 5 6 7 8 9 |
<body> <map name="MyMap"> <area href="files/sun.html" target="_blank"> <area href="files/mercury.html" target="_blank"> <area href="files/venus.html" target="_blank"> </map> </body> |
مثال شماره ۳ : استفاده در تگ Base
|
1 2 3 |
<head> <base target="_blank"> </head> |
مثال شماره ۴ : استفاده در تگ Form
|
1 2 3 4 5 6 7 8 |
<body> <form action="files/get_data.php" method="POST" target="_blank"> نام: <input type="text" name="myname"> <br><br> <input type="submit" value="ارسال"> </form> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت target در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | Edge |
| a | بله | بله | بله | بله | بله |
| area | بله | بله | بله | بله | بله |
| base | بله | بله | بله | بله | بله |
| form | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 2 3 4 |
<a target="_blank|_self|_parent|_top|FrameName"> <area target="_blank|_self|_parent|_top|FrameName"> <base target="_blank|_self|_parent|_top|FrameName"> <form target="_blank|_self|_parent|_top|FrameName"> |
Free-Learn
جدول مقادیر صفت Target در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| self_ | مقصد لینک در همون صفحه جاری باز میشه ( مقدار پیشفرض ) |
| blank_ | مقصد لینک در تب جدید باز میشه |
| parent_ | مقصد لینک در قاب اصلی ( پدر / والد ) باز میشه |
| top_ | مقصد لینک بالاتر از تمامی قاب های در صفحه باز میشه |
| FrameName | برابر است با مقدار موجود در صفت name در تگ iframe مشاهده مثال |
Free-Learn
نکات و توضیحات
- برای اینکه بهتر و دقیقتر تفاوت حالت های self , blank , parent و top رو متوجه بشید، لطفا حتما این مثال رو مشاهده نمایید.
