HTML5 ভারবহনকারী লিংকগুলির জন্য একটি শুরু নির্দেশিকা

HTML5 প্লেনসাইটার লিংকগুলি কিসের জন্য?

HTML5 পর্যন্ত idUp, একটি ট্যাগকে একটি বৈশিষ্ট্য প্রয়োজন: href। কিন্তু এইচটিএমএল 5 টি এমন বৈশিষ্ট্যের বিকল্পও তৈরি করে। যখন আপনি কোনও বৈশিষ্ট্য ছাড়াই একটি ট্যাগ লিখেন তখন এটি একটি স্থানধারক লিঙ্ক বলে।

একটি স্থানধারক লিঙ্ক এই মত দেখায়:

পূর্ববর্তী

বিকাশের সময় স্থানধারক সংযোগ ব্যবহার করে

একটি ওয়েবসাইট ডিজাইন এবং নির্মাণ করার সময় প্রায় প্রতিটি ওয়েব ডিজাইনার এক সময় বা অন্য সময়ে স্থানধারক লিঙ্ক তৈরি করেছেন। HTML5 এর আগে আমরা লিখব:

লিঙ্ক পাঠ্য

স্থানধারক হিসাবে এবং আমি সেই স্থানধারীদের সাথে ক্লাউডের সাইটগুলিকে পাঠিয়েছি শুধুমাত্র ক্লায়েন্ট আমাকে জিজ্ঞাসা করেছে "পাঠ্য লিঙ্কে লিঙ্ক না কেন?"

একটি হ্যাশট্যাগ (#) একটি স্থানধারক লিঙ্ক হিসাবে ব্যবহার করে সমস্যা হল যে লিঙ্কটি ক্লিকযোগ্য, এবং এটি আপনার ক্লায়েন্টদের জন্য বিভ্রান্তি সৃষ্টি করতে পারে এবং, যদি কেউ তাদের সঠিক URL গুলো আপডেট করতে ভুলবেন না, তবে সেই লিঙ্কগুলি সরাসরি সাইটে লঙ্ঘিত হতে পারে কারণ তারা কিছুতে লিঙ্ক না করে।

পরিবর্তে, আপনি কোনও বৈশিষ্ট্য ছাড়াই একটি ট্যাগ ব্যবহার শুরু করা উচিত। আপনি আপনার পৃষ্ঠাতে অন্য কোনও লিঙ্কের মত দেখতে এই শৈলীটি করতে পারেন, তবে তারা ক্লিকযোগ্য নাও হতে পারে কারণ তারা কেবল স্থানধারক।

লাইভ সাইটগুলিতে স্থানধারক লিঙ্ক ব্যবহার করে

তবে উন্নয়নকারীর তুলনায় আরো অনেক বেশি ওয়েব ডিজাইনের জন্য স্থানধারক লিঙ্ক রয়েছে। একটি স্থান যেখানে একটি স্থানধারক লিঙ্কটি উজ্জ্বল হতে পারে তা হল নেভিগেশনে। বেশিরভাগ ক্ষেত্রে, ওয়েবসাইট নেভিগেশন তালিকাগুলি আপনার কোন পৃষ্ঠায় আপনি আছেন তা ইঙ্গিত করার কিছু উপায় আছে। এই প্রায়ই বলা হয় "আপনি এখানে আছেন" সূচক

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

একটি স্থানধারক লিঙ্কের সাথে, আপনি আপনার ন্যাভিগেশনটি লিখতে পারেন তবে আপনি চাইলে, এবং যখন আপনি একটি পৃষ্ঠাতে নেভিগেশন যুক্ত করুন তখন যথাযথ লিঙ্কটি থেকে href অ্যাট্রিবিউটটি সরান। আমি আমার সম্পূর্ণ ন্যাভিগেশন তালিকা আমার সম্পাদক একটি স্নিপেট হিসাবে সঞ্চয়, তাই এটি শুধুমাত্র একটি দ্রুত কপি পেস্ট এবং তারপর href মুছে ফেলুন। আপনি একই জিনিস করতে আপনার সিএমএস পেতে পারেন।

এবং বিশেষ স্টাইল যোগ করার পাশাপাশি (আমি আপনাকে দেখাব কিভাবে নীচের) একটি স্থানধারক লিঙ্ক থেকে, লিঙ্ক ক্লিকযোগ্য নয় তাই গ্রাহকরা বিভ্রান্তিকর চিন্তিত হন না যে তারা এখন অন্য কোথাও পাচ্ছেন যদি তারা ন্যাভিগেশন লিঙ্কে ক্লিক করে যেখানে তারা বর্তমানে রয়েছে।

স্টাইলিং স্থানধারক লিংক

আপনার ওয়েব পৃষ্ঠার অন্যান্য লিঙ্কগুলি থেকে স্থানধারার লিঙ্কটি শৈলী এবং শৈলীতে ভিন্নভাবে সহজ। সহজভাবে একটি ট্যাগ এবং একটি উভয় শৈলী নিশ্চিত করা: লিঙ্ক ট্যাগ উদাহরণ স্বরূপ:

একটি {রঙ: লাল; ফন্ট-ওজন: বোল্ড; পাঠ্য-প্রসাধন: কেউ না; } a: লিঙ্ক {রঙ: নীল; ফন্ট-ওজন: স্বাভাবিক; পাঠ্য-প্রসাধন: নিম্নরেখা; }

এই সিএসএস স্থানধারক লিঙ্ক কোন দিকে লাইন সঙ্গে bold এবং লাল লিঙ্ক করা হবে। নিয়মিত লিঙ্ক স্বাভাবিক ওজন হবে, নীল এবং নিম্নরেখাঙ্কিত।

একটি ট্যাগ থেকে বহন করতে চান না যে কোনো শৈলী রিসেট মনে রাখবেন। উদাহরণস্বরূপ, আমি প্লেসহোল্ডার লিঙ্কগুলির জন্য গাঢ় হরফের ফন্টটি সেট করেছি, তাই এটিতে সেট করতে চাই:

ফন্ট-ওজন: স্বাভাবিক;

স্ট্যান্ডার্ড লিঙ্কগুলির জন্য। একইভাবে টেক্সট-প্রসাধনীর সঙ্গে এটি সত্য যে, এটি একটি নির্বাচক দিয়ে অপসারণ করে, এটি একটি: লিঙ্ক নির্বাচক জন্য সরানো হয়েছে যদি আমি এটি ফিরে না ছিল।