ওয়েবসাইট এবং যোগাযোগ মাধ্যমের অন্যান্য ফর্মগুলির মধ্যে প্রাথমিক পার্থক্যগুলির মধ্যে একটি হল "লিঙ্কগুলি", বা হাইপারলিঙ্কগুলির ধারণা যা তারা প্রযুক্তিগতভাবে ওয়েব ডিজাইন পদগুলিতে পরিচিত।
ওয়েবটি কীভাবে তৈরি করতে সাহায্য করার পাশাপাশি লিঙ্কগুলি, সেইসাথে চিত্রগুলি ওয়েব পৃষ্ঠাগুলিতে সহজেই সবচেয়ে বেশি যোগ করা জিনিসগুলি। সৌভাগ্যক্রমে, এই আইটেমগুলি যোগ করা সহজ (কেবলমাত্র দুটি মৌলিক HTML ট্যাগ) এবং তারা অন্যথায় প্লেইন পাঠ্য পৃষ্ঠাগুলিতে কি উত্তেজনা এবং ইন্টারঅ্যাক্টিভিটি আনতে পারে। এই প্রবন্ধে, আপনি (নোঙ্গর) ট্যাগ সম্পর্কে শিখবেন, যা ওয়েবসাইটের লিঙ্কগুলিতে লিঙ্ক যোগ করার জন্য ব্যবহৃত প্রকৃত HTML উপাদান।
লিঙ্ক যোগ করা হচ্ছে
এইচটিএমএল একটি লিঙ্ক একটি নোঙ্গর বলা হয়, এবং তাই এটি প্রতিনিধিত্ব ট্যাগ একটি ট্যাগ হয়। সাধারণভাবে, লোকেরা কেবল এই লিঙ্কগুলিকে "লিঙ্কস" হিসাবে উল্লেখ করে, কিন্তু নোঙ্গর আসলে কোনও পৃষ্ঠায় যোগ করা হচ্ছে।
যখন আপনি একটি লিঙ্ক যোগ করেন, তখন আপনার ওয়েব ব্যবহারকারীর ঠিকানাটি নির্দেশ করতে হবে যে আপনি আপনার ব্যবহারকারীদের যে লিঙ্কগুলিতে ক্লিক করেন বা ক্লিক করেন (যদি তারা কোনও স্পর্শ স্ক্রীনে থাকে তবে) সেটি লিঙ্ক করে। আপনি বৈশিষ্ট্য সঙ্গে এই উল্লেখ।
দ্য সূরা বৈশিষ্ট্যটি "হাইপারটেক্সট রেফারেন্স" এর জন্য দাঁড়িয়েছে এবং এর উদ্দেশ্যটি সেই URL টি নির্দেশ করা যেখানে আপনি যে নির্দিষ্ট লিঙ্কটিতে যেতে চান। এই তথ্য ব্যতীত, একটি লিঙ্ক নিরর্থক - এটি ব্রাউজারকে বলবে যে ব্যবহারকারীকে কোথাও নিয়ে যাওয়া উচিত, তবে এটি "কোথাও" হওয়া উচিত সেটির জন্য গন্তব্যের তথ্য নেই। এই ট্যাগ এবং এই বৈশিষ্ট্য হাতে হাতে যান।
উদাহরণস্বরূপ, একটি টেক্সট লিঙ্ক তৈরি করতে, আপনি লিখুন:
টেক্সট যে লিঙ্ক হবে
তাই রিকোয়েস্ট ওয়েব ডিজাইন / এইচটিএমএল হোম পেজ লিঙ্ক করার জন্য, আপনি লিখুন:
Lifewire
আপনি ইমেজ সহ, আপনার এইচটিএমএল পৃষ্ঠায় প্রায় কিছু লিঙ্ক করতে পারেন। শুধু এইচটিএমএল উপাদান বা উপাদান আপনি সঙ্গে একটি লিঙ্ক হতে চান ঘিরে
এবং ট্যাগ. এছাড়াও আপনি স্থান ছাড়ার দ্বারা স্থানধারক লিঙ্ক তৈরি করতে পারেন সূরা বৈশিষ্ট্য - কিন্তু পরে ফিরে যান এবং href তথ্যটি আপডেট করতে ভুলবেন না অথবা লিঙ্ক অ্যাক্সেস করার পরে আসলেই কিছু করবে না।
HTML5, অনুচ্ছেদের মতো ব্লক স্তরের উপাদানের সাথে লিঙ্ক করার জন্য এটি বৈধ করে তোলে DIV উপাদান। আপনি একটি বিভাজন বা সংজ্ঞা তালিকা মত একটি বৃহত্তর এলাকা কাছাকাছি একটি নোঙ্গর ট্যাগ যোগ করতে পারেন, এবং যে সমগ্র এলাকা "ক্লিকযোগ্য" হবে। ওয়েবসাইটটিতে বড়, আঙ্গুলের উপযোগী হিট এলাকাগুলি তৈরি করার চেষ্টা করার সময় এটি বিশেষভাবে সহায়ক হতে পারে।
লিংক যোগ করার সময় মনে রাখা কিছু জিনিস
- চূড়ান্ত ট্যাগ হয় প্রয়োজনীয়। যদি আপনি এটি অন্তর্ভুক্ত করতে ভুলবেন না, তবে লিঙ্কটি অনুসরণ করে এমন সমস্ত লিঙ্কও লিঙ্ক করা হবে, যতক্ষণ না অন্য লিঙ্কটি ট্যাগ বন্ধ করে।
- বেশিরভাগ সময়, টেক্সটগুলির বড় ব্লকগুলির পরিবর্তে একক চিত্র এবং পাঠ্যের ছোট স্প্যানগুলি লিঙ্ক করা সর্বোত্তম। লিংকগুলি আপনার পৃষ্ঠায় রঙ এবং নিম্নরেখা শৈলী জুড়তে পারে যা পড়তে কঠিন হতে পারে। অবশ্যই, আপনি এই লিঙ্ক শৈলীগুলি পরিবর্তন করতে এবং রঙ সম্পাদনা করতে বা আন্ডারলাইনে সরাতে সিএসএস ব্যবহার করতে পারেন, তবে এই বাস্তবতাটি মনে রাখা এখনও ভাল।
- আপনার লিঙ্ক চেক করতে ভুলবেন না যাতে তারা খারাপ না হয়। লিঙ্ক রোট উভয় ব্যবহারকারী এবং সার্চ ইঞ্জিন আপনার সাইট অবৈধ বিবেচনা করতে পারেন। আপনার পৃষ্ঠার লিঙ্কগুলি যাচাই করতে নিয়মিত একটি লিঙ্ক পরীক্ষক ব্যবহার করুন। আপনি তৃতীয় পক্ষের সাইটগুলির সাথে লিঙ্ক করলে এটি বিশেষ করে সত্য (আপনি যেগুলি পরিচালনা করেন না) এবং যা আপনার পৃষ্ঠাগুলিকে অতিরিক্ত সময় পরিবর্তন করতে পারে, আপনাকে মৃত লিঙ্কগুলির সাথে রেখে যেতে পারে। একটি লিঙ্ক চেকার এই মৃত লিঙ্ক খুঁজে পাবেন যাতে আপনি কোন প্রয়োজনীয় আপডেট করতে পারেন।
- আপনার লিঙ্কে "এখানে ক্লিক করুন" মত পাঠ্য এড়িয়ে চলুন। মনে রাখবেন, স্পর্শ পর্দাগুলির লোকেরা "ক্লিক" করতে পারে না, যাতে পাঠটি অতীত যুগের পণ্য হিসাবে মনে হয় এবং আজকের মাল্টি-ডিভাইস কেন্দ্রিক ওয়েবে এটি প্রাসঙ্গিক নয়।
লিংক অন্যান্য আকর্ষণীয় প্রকার
দ্য একজন উপাদানটি অন্য নথিতে একটি স্ট্যান্ডার্ড লিঙ্ক তৈরি করে, তবে এতে অন্যান্য আগ্রহের লিঙ্ক রয়েছে যা আপনাকে আগ্রহী হতে পারে:
- অভ্যন্তরীণ লিংক বা নোঙ্গর - এইগুলি কোনও ওয়েব পৃষ্ঠার মধ্যে কোথাও লিঙ্ক নয়, জরুরী নয়।
- চিত্র মানচিত্র - চিত্রের মানচিত্রগুলি চিত্রগুলির নির্দিষ্ট অংশগুলিতে ম্যাপ করা চিত্রগুলির লিঙ্ক তৈরি করতে দেয়। এই গেম বা সৃজনশীল নেভিগেশনের জন্য ব্যবহার করা যেতে পারে। আপনি প্রায়ই মানচিত্রগুলির সাথে সেগুলি দেখতে পান যেখানে মানচিত্রের এলাকাগুলি ক্লিকযোগ্য। উল্লেখ্য যে ইমেজ মানচিত্রগুলি বেশিরভাগ আধুনিক ওয়েবসাইটে ব্যবহার করা হয় না কারণ সেগুলি মোবাইল ডিভাইসে সমস্যা সৃষ্টি করতে পারে।
- এলিমেন্ট - এই উপাদানটি অন্য একটি নথি এবং পৃষ্ঠাগুলিকে বর্তমানের সাথে সম্পর্কিত করতে ব্যবহৃত হয়। এটি আপনার ওয়েব পৃষ্ঠায় একটি ক্লিকযোগ্য অঞ্চল তৈরি করবে না, তবে এটি বোঝার জন্য দরকারী।
