এইচটিএমএলকে অন্য উইন্ডো বা ট্যাবে হাইপারলিংক কীভাবে খুলবেন?


93

এটি এইচটিএমএলে হাইপারলিংকের জন্য একটি লাইন:

<a href="http://www.starfall.com/">Starfall</a>

সুতরাং, আমি যদি আমার ব্রাউজারে "স্টারফল" ক্লিক করি - আমি ফায়ারফক্স ব্যবহার করছি - আমাকে সেই নতুন পৃষ্ঠায় নিয়ে যাবে এবং আমার উইন্ডোটির সামগ্রী পরিবর্তন হবে। আমি ভাবছি, আমি কীভাবে এইচটিএমএলটিতে এটি করতে পারি যাতে আগের পৃষ্ঠাটি পরিবর্তনের পরিবর্তে নতুন পৃষ্ঠাটি একটি নতুন উইন্ডোতে খোলা যায়? এইচটিএমএল এ কি উপায় আছে?

এবং যদি হ্যাঁ, তবে আমার ব্রাউজারের অন্য ট্যাবে (অন্য উইন্ডো নয়) অনুরোধ করা পৃষ্ঠাটি খোলার কোনও উপায় আছে?

উত্তর:


138
<a href="http://www.starfall.com/" target="_blank">Starfall</a>

এটি কোনও ট্যাব বা অন্য উইন্ডোতে খোলে কিনা ব্যবহারকারী তার ব্রাউজারটি কীভাবে কনফিগার করেছে তার উপর নির্ভর করে।


6
সমস্ত ব্রাউজারগুলি ট্যাবগুলিকে সমর্থন করে না এবং এটিগুলিতে, নতুন ট্যাবে বনাম একটি নতুন উইন্ডোতে পৃষ্ঠাগুলি খোলার বিষয়টি ব্যবহারকারী-কনফিগারযোগ্য সেটিং। কোনও ট্যাব বনাম একটি উইন্ডোতে কোনও লিঙ্কটি খোলার প্রয়োজন নির্দিষ্ট করার জন্য কোনও উপায় নেই।
বিটিএ

4
মনে রাখবেন যে টার্গেট অ্যাট্রিবিউটটি href অ্যাট্রিবিউটর পরে ঘোষণা করতে হবে
এমসির

109

সবচেয়ে সহজ উপায় হ'ল একটি লক্ষ্য ট্যাগ যুক্ত করা।

<a href="http://www.starfall.com/" target="Starfall">Starfall</a>

প্রতিটি লিঙ্কের জন্য টার্গেট অ্যাট্রিবিউটের জন্য আলাদা মানটি ব্যবহার করুন যদি আপনি তাদের আলাদা আলাদা ট্যাবগুলিতে খুলতে চান তবে লক্ষ্য বৈশিষ্ট্যের জন্য একই মানটি যদি আপনি চান যে তারা অন্যগুলি প্রতিস্থাপন করতে পারে।


47
লক্ষ্যটি '_ব্ল্যাঙ্ক' হতে হবে না তা নির্দেশ করার জন্য +1।
জিএসটি

4
এটি লক্ষণীয় যে এটি একটি বৈধ HTML5 not
এয়ারক্রস

'নাম' বলতে কী বোঝ?
Vnge

9

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

<a target='_blank' href="http://www.starfall.com/">Starfall</a>


8

আপনি যোগ করতে সক্ষম হওয়া উচিত

target="_blank"

পছন্দ

<a href="http://www.starfall.com/" target="_blank">Starfall</a>

7

targetঅ্যাট্রিবিউট এই কাজ করার আপনার সেরা উপায়।

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

এটি একটি নতুন ট্যাব বা উইন্ডোতে খুলবে। যার হিসাবে এটি ব্যবহারকারীদের সেটিংসের উপর নির্ভর করে।

<a href="http://www.starfall.com" target="_self">

ডিফল্ট। এটি পৃষ্ঠাটিকে একই ট্যাবে উন্মুক্ত করে তোলে (বা যদি আইফ্রেমে, আপনি যদি এটিই করছেন তবে)।
পরবর্তী দুটি কেবলমাত্র যদি আপনি কোনও আইফ্রেমে ডিল করেন তবেই ভাল।

<a href="http://www.starfall.com" target="_parent">

iframe এ লিঙ্কটি ছিল এমন iframe এ লিঙ্কটি খুলবে।

<a href="http://www.starfall.com" target="_top">

ট্যাবটিতে লিঙ্কটি খুলবে, এটি যতই আইফ্রেমে যেতে হবে তা বিবেচনা করে না।


আমি প্রত্যেকের উদাহরণে সেই রঙিন পাঠ্যটি কীভাবে ব্যবহার করব?
Hellol11

6

টার্গেট = _ব্ল্যাঙ্কটি ব্রাউজার সেটিংয়ের ভিত্তিতে নতুন ট্যাব বা উইন্ডোগুলিতে খোলা হবে।

একটি নতুন উইন্ডো জোর করে জাভাস্ক্রিপ্ট অনক্লিক ব্যবহারের জন্য তিনটি অংশই প্রয়োজন। url, একটি নাম এবং উইন্ডো প্রস্থ এবং উচ্চতার আকার বা এটি একটি নতুন ট্যাবে সবেমাত্র খোলা হবে।

<a onclick="window.open('http://www.starfall.com/','name','width=600,height=400')">Starfall</a>

4

আপনি নিজের পৃষ্ঠার শিরোনামে নিম্নলিখিতগুলি যোগ করে এটি সম্পাদন করতে পারেন:

<base target="_blank">

এটি আপনার পৃষ্ঠার সমস্ত লিঙ্কগুলি একটি নতুন ট্যাবে খোলা রাখবে


4

যেহেতু ওয়েব দ্রুত বিকশিত হচ্ছে, তাই কিছু কিছু সময়ের সাথে পরিবর্তিত হয়। সুরক্ষা ইস্যুগুলির জন্য, আপনি rel="noopener"নিজেরটির সাথে মিলিয়ে এই বৈশিষ্ট্যটি ব্যবহার করতে চাইতে পারেন target="_blank"

গুগল ডেভ ডকুমেন্টেশনে বর্ণিত মত , অন্য পৃষ্ঠাটি আপনার উইন্ডো অবজেক্টটি এর সাথে অ্যাক্সেস করতে পারে window.opener property। আপনার বাহ্যিক লিঙ্কটি এখন দেখতে এইরকম হওয়া উচিত:

<a href="http://www.starfall.com/" target="_blank" rel="noopener">Starfall</a>

<a href="http://www.starfall.com/" target="_blank" rel="noopener noreferrer">Starfall</a>এই দিনগুলিতে উভয়ই রাখা ভাল অনুশীলন বলে মনে হচ্ছে
কনটেক্সট

1

নীচে উদাহরণস্বরূপ target="_blank"সাফারি এবং মজিলার জন্য কাজ করে

<a href="http://www.starfall.com" `target="_blank"`>

ব্যবহার করা target="new"Chrome এর জন্য কাজ করেন

<a href="http://www.starfall.com" `target="new"`>

4
আপনার উত্তরটি কয়েক ডজন লোকের মধ্যে কী আলাদা করে?
ফার্সাইড
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.