آموزش صفت Target در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Target در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Target در HTML
صفت target صفتی است که بطور کلی میتواند نحوه ی باز شدن یک لینک/صفحه را در مرورگرها مشخص نماید.
مثلا اگر از این صفت درون تگ a و area استفاده شود میتوانیم مشخص نماییم که لینک مقصد در یک تب جدید در مرورگر نمایش داده شود.
یا مثلا اگر از این صفت درون تگ base استفاده نماییم میتوانیم مشخص نماییم که حالت یا نحوه ی باز شدن تمامی لینک های موجود در یک صفحه به چه صورت باشد.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <area> | <a> |
| <form> | <base> |
Free-Learn
مثال از صفت Target در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ a
|
1 2 3 4 5 |
<body> <a href="https://free-learn.ir" target="_blank">My Site</a> </body> |
مثال شماره ۲ : استفاده در تگ Area
|
1 2 3 4 5 6 7 8 9 10 11 |
<body> <img src="images/planets.jpg" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.html" target="_blank"> <area shape="circle" coords="90,58,3" href="mercur.html"> <area shape="circle" coords="124,58,8" href="venus.html"> </map> </body> |
مثال شماره ۳ : استفاده در تگ Base
|
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html> <head> <base target="_blank"> </head> <body> <a href="https://free-learn.ir">سایت من</a> </body> </html> |
مثال شماره ۴ : استفاده در تگ Form
|
1 2 3 4 5 6 7 8 9 |
<body> <form action="files/test.php" method="get" target="_blank"> نام: <input type="text" name="fname"><br> فامیلی: <input type="text" name="lname"><br> <input type="submit" value="ارسال"> </form> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت target در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | IE |
| a | بله | بله | بله | بله | بله |
| area | بله | بله | بله | بله | بله |
| base | بله | بله | بله | بله | بله |
| form | بله | بله | بله | بله | بله |
Free-Learn
نکات و توضیحات
نکته یا توضیح خاصی وجود ندارد.
Free-Learn
