امتیاز دهید:

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

<!DOCTYPE html>
<html>
    
    <head>
        <title>Netshahr</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 کیبورد را نیز فشار دهیم.


نظرات
نظرات
  • mola :

    باسلام وتشکر به ماهم سری بزنید ازراهنمایی های ارزشمند شما استفاده خواهیم کرد
    [...]


    1394/04/04 06:13:50
  • Mehran Sanea :

    سلام خسته نباشید،من تا اینجای کار از آموزش های شما در وبلاگم استفاده کردم،اگه میشه یه سر به این آدرس بزنید.
    http://mehransanea.blogfa.com/post/5


    1393/11/06 13:15:21
  • tofigh.forooghi :

    سلام با عرض خسته نباشید به همگی

    من به یه مشکلی برخوردم . می خواستم ببینم کسی هست منو راهنمایی بکنه.

    من یه لینک تو صفحه سایتم دارم می خواستم وقتی کاربر روی این لینک کلیک می کنه اون صفحه جدید داخل مرورگر IE یاchrome یا غیره باز بشه

    می شه اینکارو کرد یا خیر؟

    یعنی لینک رو مجبور کرد که داخل مرورگری که ما براش تعریف می کنیم باز بشه


    1393/09/27 14:24:39
  • بهزاد مرادی :

    سلام،
    ممکن است که این رویکرد جواب بدهد، اما توجه داشته باشید که بهتر است استانداردهای کدنویسی تحت هر شرایطی رعایت شوند.

    با سپاس فراوان از شما
    بهزاد مرادی


    1393/05/14 08:28:11
  • mnr73 :

    خسته نباشید.من بعضی دستورات را داخل " " قرار نمیدهم و باز هم کار میکند ماننده همین دستور blank_


    1393/05/13 09:25:56