লিংক থেকে আন্ডারলাইন সরান কিভাবে

ডিফল্টরূপে, HTML বা "নোঙ্গর" উপাদান ব্যবহার করে এইচটিএমএল লিঙ্কযুক্ত পাঠ্য বিষয়বস্তু একটি আন্ডারলাইনে স্টাইলযুক্ত। প্রায়শই, ওয়েব ডিজাইনারগুলি নিম্নরেখা সরানোর মাধ্যমে এই ডিফল্ট স্টাইলিংটি সরাতে পছন্দ করে।

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

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

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

তাহলে আপনি যদি এখনও এটি করতে চান তবে কিভাবে আপনি একটি নিম্নরেখা বন্ধ করবেন? যেহেতু এটি একটি ভিজ্যুয়াল চরিত্রগত বিষয় যা আমরা উদ্বিগ্ন, তাই আমরা আমাদের ওয়েবসাইটের অংশে পরিণত হব যা সমস্ত জিনিস চাক্ষুষ - সিএসএস পরিচালনা করে।

লিঙ্কগুলিতে আন্ডারলাইনগুলি বন্ধ করতে ক্যাসকেডিং স্টাইল শীটগুলি ব্যবহার করুন

বেশিরভাগ ক্ষেত্রে, আপনি কেবল একটি পাঠ্য লিঙ্কে একটি নিম্নরেখা বন্ধ করতে চাইছেন না। পরিবর্তে, আপনার নকশা শৈলী সম্ভবত আপনি সমস্ত লিঙ্ক থেকে underlines অপসারণ করতে হবে। আপনি আপনার বাহ্যিক শৈলী শীট শৈলী যোগ করে এই কাজ করবে।

একটি { টেক্সট সজ্জা: কেউ;}

এটাই! সিএসএসের একটি সহজ লাইন সব লিঙ্কগুলিতে আন্ডারলাইনটি বন্ধ করবে (যা আসলে "টেক্সট-প্রসাধন" এর জন্য CSS সম্পত্তি ব্যবহার করে)।

আপনি এই শৈলী সঙ্গে আরো নির্দিষ্ট পেতে পারে। উদাহরণস্বরূপ, যদি আপনি কেবল "নেভি" উপাদানের ভিতরে আন্ডারলাইন বা লিঙ্ক বন্ধ করতে চেয়েছিলেন, তাহলে আপনি লিখতে পারেন:

Nav একটি { টেক্সট সজ্জা: কেউ;}

এখন, পৃষ্ঠার পাঠ্য লিঙ্কগুলি ডিফল্ট আন্ডারলাইন পাবে, তবে নেভিগুলির মধ্যে এটি মুছে ফেলা হবে।

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

একটি { টেক্সট সজ্জা: কেউ;}একটি: হভার { টেক্সট প্রসাধন: নিম্নরেখা;}

ইনলাইন সিএসএস ব্যবহার করে

বহিরাগত স্টাইলশিটে পরিবর্তনগুলি করার বিকল্প হিসাবে, আপনি HTML এ উপাদানটি সরাসরি শৈলীগুলি যুক্ত করতে পারেন।

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

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

বন্ধ

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