آموزش زبان HTML (جلسه ۳۲)

باز کردن لینک های html در یک Tab جدید مرورگر

گاهی اوقات نیاز داریم تا زمانیکه کاربر روی یک لینک کلیک می کند، آدرس صفحه مرتبط با لینک در یک Tab جدید در مرورگر باز شود. برای روشن شدن این مسئله کد زیر را وارد ویرایشگر متن خود می کنیم:

<!DOCTYPE html>
<html>
     
    <head>
        <title>asrefonon</title>
    </head>
     
    <body>
        <a href="http://www.google.com/" target="_blank">
            <img src="images/image.jpg">
        </a>
    </body>
</html>

در کد فوق می بینیم که پس از Attribute یی تحت عنوان href که قبلا با آن آشنا شده ایم، از Attribute یی دیگر تحت عنوان target به معنی “هدف” استفاده کرده ایم و مقدار آن را برابر با blank_ قرار داده ایم. حال فایل خود را ذخیره کرده و مجدد مرورگر را به روز رسانی می کنیم:

باز_کردن_لینک_های_html_در_یک_Tab_جدید

همانطور که در تصویر فوق مشخص است، پس از کلیک روی عکس مد نظر، آدرس مقصد در یک Tab جدید باز می شود (لازم به ذکر است که علاوه بر blank_ مقادیر دیگری هم وجود دارند که می توان مورد استفاده قرار داد اما این در حالی است که گزینه فوق الذکر پرکاربرد ترین آنها است).
به خاطر داشته باشیم که علامت _ اصطلاحاً Underscore نامیده می شود و برای تایپ آن نیاز است تا با پایین نگه داشتن دکمه Shift دکمه Dash کیبورد را نیز فشار دهیم.

221

اسماعیلی هستم مدیر عصر فنون. فارغ التحصیل مقطع کارشناسی ارشد رشته مهندسی فناوری اطلاعات (IT)