এইচটিএমএলে নতুন ট্যাবে লিঙ্কটি কীভাবে খুলবেন?

390

আমি একটি এইচটিএমএল প্রকল্পে কাজ করছি, এবং জাভাস্ক্রিপ্ট ছাড়া কোনও নতুন ট্যাবে কীভাবে কোনও লিঙ্ক খুলবেন তা আমি খুঁজে পাচ্ছি না।

আমি ইতিমধ্যে জানি যে <a href="http://www.WEBSITE_NAME.com"></a>একই ট্যাবে লিঙ্কটি খোলে। কোনও নতুন ধারণা কীভাবে এটি খুলতে হয়?

— ZenthyxProgramming
সূত্র

40

ব্যবহার<a href="url" target="_blank">...</a>

— রোহিত অগ্রওয়াল

1

যেমনটি রোহিত বলেছেন, পরম টার্গেট = "_ ফাঁকা" যুক্ত করুন, তবে, ফায়ারফক্সে অন্তত যদি আপনি দুটি আন্ডারস্কোর লক্ষ্য = "__ ফাঁকা" করেন তবে এটি একটি নতুন ট্যাবে খুলবে, তবে একই ডাবল আন্ডারস্কোর ব্যবহার করে অন্যান্য লিঙ্কগুলি ক্লিক করে নতুনটি খোলে পূর্ববর্তী নতুন ট্যাবে পৃষ্ঠাগুলি, যার অর্থ আপনার কাছে কেবল একটি অতিরিক্ত ট্যাব খোলা আছে।

— জাস্টিন লেভেন

599

লিঙ্কটির 'লক্ষ্য' বৈশিষ্ট্যটি এতে সেট করুন _blank:

<a href="#" target="_blank" rel="noopener noreferrer">Link</a>

সম্পাদনা করুন: অন্যান্য উদাহরণের জন্য, এখানে দেখুন: http://www.w3schools.com/tags/att_a_target.asp

(দ্রষ্টব্য: আমি এর blankপরিবর্তে আগে প্রস্তাব দিয়েছিলাম _blankকারণ, যদি এটি ব্যবহার করা হয় তবে এটি নতুন ট্যাবটি খুলবে এবং লিঙ্কটি আবার ক্লিক করা হলে একই ট্যাবটি ব্যবহার করবে However তবে এটি কেবল কারণ, গোলেসট্রোল নির্দেশ করেছেন, এটি নামটিকে বোঝায় একটি ফ্রেম / উইন্ডোর একটি, যা লিঙ্কটি আবার একই টেবিতে খোলার জন্য আবার টিপে দেওয়া হবে এবং সেট করা হবে)।

সুরক্ষা বিবেচনা!

rel="noopener noreferrer"বিদ্বেষপূর্ণভাবে মূল ট্যাব পরিবর্তন করতে পারবেন হওয়া থেকে খোলা নতুন ট্যাবটিতে প্রতিরোধ করা হয়। এই দুর্বলতা সম্পর্কে আরও তথ্যের জন্য এই সংস্থানগুলি দেখুন:

— SharkofMirkwood
সূত্র

16

বিশেষ লক্ষ্যগুলি সমস্ত আন্ডারস্কোর দিয়ে শুরু করে। blankএকটি ফ্রেম বা উইন্ডোর নাম হবে। এটি কাজ করে বলে মনে হতে পারে, কারণ 'ফাঁকা' নামের কোনওটি উপস্থিত না থাকলে সম্ভবত একটি নতুন উইন্ডো বা ট্যাব খোলা হবে, তবে লিঙ্কটির দ্বিতীয় ক্লিকটি অন্য একটিটি না খোলার পরিবর্তে আবার সেই একই ট্যাবে পৃষ্ঠাটি খুলতে হবে।

— GolezTrol

2

ঠিক আছে, আমার ধারণা এটি অবৈধ নয়, এটি অন্যরকম। আপনার পরিবর্তে blankঠিক তত ভালভাবে ব্যবহার করা যায় foo, আমি মনে করি, যদিও _blankএর একটি বিশেষ অর্থ রয়েছে। অন্যথায় প্রমাণ করার জন্য আমি কোনও তথ্য পাই না। পারবে তুমি?

— GolezTrol

2

@ স্টেফান না, _blankঠিক থাকবে; লিঙ্কগুলি প্রতিটি আলাদা ট্যাবে খোলা হবে। আপনি যদি আন্ডারস্কোর ছাড়া কোনও নাম নির্দিষ্ট করে থাকেন, (যেমন blank) লিঙ্কগুলি একই ট্যাবে খোলা হবে।

— শার্কোফমিরকউড

6

একটি টিপ: _ব্ল্যাঙ্কের কারণে দুর্বলতার বিষয়ে সচেতন হন। আরো তথ্য medium.com/@jitbit/...

— Aistis

1

দুর্বলতার সহিত আরেকটি পৃষ্ঠা mathiasbynens.github.io/rel-noopener যা এটি নিজেই একটি উদাহরণ।

— ফোনিক্স

99

আপনার প্রয়োজনীয়তা অনুসারে এর একটি ব্যবহার করুন।

লিঙ্কযুক্ত নথিটি একটি নতুন উইন্ডো বা ট্যাবে খুলুন:

 <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>

এমডিএন দেখুন

— লার্নার সর্বদা
সূত্র

তথ্যের জন্য ধন্যবাদ. ক্লিক করলে নতুন ট্যাবে লিঙ্কটি কীভাবে খুলবেন?

— শাজিল আফজাল

উপরের ভাগ হিসাবে HTML হিসাবে কোড ব্যবহার করুন। যখন আপনি লক্ষ্য = "_ ফাঁকা" ব্যবহার করেন তখন বেশিরভাগ নতুন ব্রাউজারগুলি একটি নতুন ট্যাবে লিঙ্কগুলি খুলবে

— শিখুন সর্বদা

1

মনে রাখবেন যে target="_blank"একটি দুর্বলতা রয়েছে, আপনি এটি সম্পর্কে mathiasbynens.github.io/rel-noopener এ

— ফোনিক্স

36

আপনি যদি প্রতিটি লিঙ্কের পরে এটি না করে আপনার পুরো সাইটের জন্য একবার কমান্ডটি করতে চান। আপনার ওয়েব সাইট এবং বিঙ্গোর প্রধানের মধ্যে এই জায়গাটি ব্যবহার করে দেখুন।

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

আশাকরি এটা সাহায্য করবে

— Cyberquill
সূত্র

3

rel = "noopener noreferrer"

— blondering দার্শনিক

13

ব্যবহার target="_blank":

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

— ইভান হান
সূত্র

3

rel = "noopener noreferrer"

— blondering দার্শনিক

6

কখন ব্যবহার করবেন target='_blank':

এইচটিএমএল সংস্করণ (কিছু ডিভাইস এটি সমর্থন করে না):

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

সমস্ত ডিভাইসগুলির জন্য জাভাস্ক্রিপ্ট সংস্করণ:

Rel = "বাহ্যিক" এর ব্যবহার পুরোপুরি বৈধ

<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";

— কালেম উল্লাহ
সূত্র

1

rel = "noopener noreferrer"

— blondering দার্শনিক

6

target="_blank"গুণটি কাজটি করবে do rel="noopener noreferrer"সম্ভাব্য দুর্বলতা সমাধান করতে কেবল যুক্ত করতে ভুলবেন না । এখানে আরও: https://dev.to/ben/the-targetblank-vnenerability-by- উদাহরণ

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

— ভাদিম পি
সূত্র

দুর্বলতার আরেকটি ব্যাখ্যা এখানে: mathiasbynens.github.io/rel-noopener

— blundering দার্শনিক

2

তুমি ব্যবহার করতে পার:

<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

— Thabang
সূত্র

0

আপনি এটি এইভাবে করতে পারে:

<a href="https://duckduckgo.com/" target="_blank" rel="noopener noreferrer">Open Duck</a>

সুরক্ষা এবং গোপনীয়তা সম্পর্কে আরও তথ্যের জন্য এমডিএন- তে নিম্নলিখিত url দেখুন:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Security_and_privacy

যার পরিবর্তে টার্গেট = "_ ফাঁকা" নামে একটি ভাল নিবন্ধের লিঙ্ক রয়েছে - এটি এখন পর্যন্ত সর্বাধিক অবমূল্যায়িত দুর্বলতা :

https://www.jitbit.com/alexblog/256-targetblank---the-most-underestimated-vulnerability-ever/

— darmis
সূত্র