it-swarm.dev

كيفية فتح الرابط في علامة تبويب جديدة على HTML؟

أنا أعمل على مشروع HTML ، ولا يمكنني معرفة كيفية فتح رابط في علامة تبويب جديدة دون جافا سكريبت.

أعلم بالفعل أن <a href="http://www.WEBSITE_NAME.com"></a> يفتح الرابط في نفس علامة التبويب. أي أفكار حول كيفية فتحه في واحدة جديدة؟

329
ZenthyxProgramming

عيّن السمة "الهدف" الخاصة بالرابط إلى _blank:

<a href="#" target="_blank">Link</a>

تحرير: للحصول على أمثلة أخرى ، انظر هنا: http://www.w3schools.com/tags/att_a_target.asp

(ملاحظة: لقد اقترحت سابقًا blank بدلاً من _blank لأنه ، إذا تم استخدامه ، فسوف يفتح علامة تبويب جديدة ثم يستخدم علامة التبويب نفسها إذا تم النقر فوق الارتباط مرة أخرى. اسم الإطار/النافذة ، والذي سيتم تعيينه واستخدامه عند الضغط على الرابط مرة أخرى لفتحه في علامة التبويب نفسها).

508
SharkofMirkwood

استخدام واحد من هذه وفقا لمتطلباتك.

افتح المستند المرتبط في نافذة أو علامة تبويب جديدة:

 <a href="xyz.html" target="_blank"> Link </a>

افتح المستند المرتبط في نفس الإطار عند النقر فوقه (هذا افتراضي):

 <a href="xyz.html" target="_self"> Link </a>

افتح المستند المرتبط في الإطار الأصل:

 <a href="xyz.html" target="_parent"> Link </a>

افتح المستند المرتبط في النص الكامل للنافذة:

 <a href="xyz.html" target="_top"> Link </a>

افتح المستند المرتبط في إطار مسمى:

 <a href="xyz.html" target="framename"> Link </a>

انظر MDN

86
Learner Always

إذا كنت ترغب في جعل الأمر مرة واحدة لموقعك بالكامل ، بدلاً من الاضطرار للقيام بذلك بعد كل رابط. جرب هذا المكان داخل رأس موقع الويب الخاص بك والبنجو.

<head>
<title>your text</title>
<base target="_blank" rel="noopener noreferrer">
</head>

أتمنى أن يساعدك هذا

24
Cyberquill

استخدم target="_blank":

<a href="http://www.example.com/" target="_blank" rel="noopener noreferrer">This will open in a new window!</a>
11
Evan Hahn

target='_blank' إذا كنت لا تستخدم XHTML.

10
StackSlave

استخدم السمة "target" للعلامة وتعيينها إلى _blank. هذا هو:

<a href="http://www.google.com" target="_blank" >Google in a New Tab or Window depending on the browser's capabilities</a>
9
Chris Raplee

target="_blank" السمة ستقوم بهذه المهمة. لا تنسَ إضافة rel="noopener noreferrer" لحل مشكلة عدم الحصانة المحتملة. المزيد عن ذلك هنا: https://dev.to/ben/the-targetblank-vulnerability-by-example

<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">Searcher</a>
5
Vadym P

متى تستخدم target='_blank':

إصدار HTML (بعض الأجهزة لا يدعمها):

<a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a>

إصدار JavaScript لجميع الأجهزة:

استخدام rel = "external" صالح تمامًا

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
    $('a[rel="external"]').attr('target', '_blank');
</script>

ولجاكري يمكن أن تجرب مع واحد أدناه:

$("#content a[href^='http://']").attr("target","_blank");

إذا كان إعداد المتصفح لا يسمح لك بفتح النوافذ الجديدة:

href = "google.com";
onclick="window.open (this.href, ''); return false";
5
Kaleem Ullah

target = "_ blank" يفتح دائمًا علامة تبويب جديدة لكل نقرة ، والهدف = "tabName" يفتح علامة تبويب جديدة ، ولكن يفتح نفسه لكل نقرة.

2
flap13

يفتح الافتراضي في علامة التبويب نفسها:

<a href="https://www.google.com/">Google.com </a>

يفتح في علامة تبويب جديدة:

<a href="https://www.google.com/" target="_blank">Google.com </a>
2
Colleen Purcell

يمكنك استخدام <a href="#" target="_blank">Your Text</a> نأمل أن يكون ساعد. شكر.

2
herrobaba

يمكنك استخدام <a href='url' target="_blank">name</a>

مثال <a href='https://www.facebook.com/hackbalteamz' target="_blank">Facebook</a>

2
Hackbal Teamz

يمكنك استخدام:

<a href="http://www.WEBSITE_NAME.com"  target="_blank"> Website</a>

ومع ذلك ، فإن ما سبق يجعل موقعك عرضة لهجمات الخداع. يمكنك منع حدوث ذلك في بعض المتصفحات عن طريق إضافة rel = "noopener noreferrer" إلى رابطك. مع إضافة هذا ، يصبح المثال أعلاه:

<a href="http://www.WEBSITE_NAME.com" rel="noopener noreferrer" target="_blank">Website.com</a> 

راجع لمزيد من المعلومات: https://www.thesitewizard.com/html-tutorial/open-links-in-new-window-or-tab.shtml

0
Thabang