আপনার ওয়েব ডিজাইন শিক্ষার প্রথম দিকে শিখবেন এমন ট্যাগগুলির মধ্যে একটি হল "জোর ট্যাগ" নামে পরিচিত ট্যাগের একটি জোড়া। আসুন এই ট্যাগগুলি কি এবং কিভাবে তারা ওয়েব ডিজাইনে আজ ব্যবহার করা হয় তা দেখুন।
XHTML এ ফিরে যান
যদি আপনি এইচটিএমএল এইচটিএমএল এর আগে ভালভাবে শিখে থাকেন তবে সম্ভবত আপনি বোল্ড ও ইটালিক ট্যাগ উভয়ই ব্যবহার করেছেন। আপনি আশা করবেন যে, এই ট্যাগ যথাক্রমে গাঢ় টেক্সট বা italicized টেক্সট উপাদান পরিণত। এই ট্যাগগুলির সাথে সমস্যা, এবং কেন তারা নতুন উপাদানের পক্ষে সরানো হয়েছে (যা আমরা শীঘ্রই দেখব), তারা অর্থহীন উপাদান নয়। এটি কারণ তারা টেক্সট টেক্সট সম্পর্কে তথ্য বরং প্রদর্শিত হবে কিভাবে সংজ্ঞায়িত। মনে রাখবেন, এইচটিএমএলটি (যেখানে এই ট্যাগগুলি লেখা হবে) সবই কাঠামো, দৃশ্যত শৈলী নয়! ভিজুয়ালস সিএসএস এবং ওয়েব ডিজাইন দ্বারা পরিচালিত হয় সেরা অভ্যাসগুলি দীর্ঘদিন ধরে ধরে রাখা হয়েছে যে আপনার ওয়েব পৃষ্ঠাগুলিতে শৈলী ও কাঠামোর একটি স্পষ্ট বিচ্ছেদ থাকতে হবে। এটি এমন উপাদান ব্যবহার করে না যা অ-সিমান্তিক এবং গঠনটির তুলনায় কোন বিস্তারিত দৃষ্টিভঙ্গি। এই কারণে সাহসী ও তির্যক ট্যাগগুলি সাধারণত শক্তিশালী (মোডের জন্য) এবং জোর দেওয়া হয় (তির্যক জন্য)।
করুন & lt; শক্তিশালী করুন & gt; এবং & lt; em & gt;
দৃঢ় এবং জোর উপাদানগুলি আপনার পাঠের তথ্য যোগ করে, যে সামগ্রীকে ভিন্নভাবে বিবেচনা করা উচিত এবং সেই বিষয়বস্তুর কথা বলা হলে জোর দেওয়া হয়। আপনি অতীতের সাহসী ও তাত্ক্ষণিক ব্যবহার করতে পারেন এমন একই উপায়ে আপনি এগুলি ব্যবহার করেন। জোড় এবং জোড় এবং এবং জন্য জোড় এবং খোলার ট্যাগ ( এবং জোরালো জোরের জন্য) এবং পাঠ্য পাঠের উপর জোর দেওয়া হবে।
আপনি এই ট্যাগ পেরেক করতে পারেন এবং এটি বহিরাগত ট্যাগ যা কোন ব্যাপার না। এখানে কিছু উদাহরণঃ.
এই পাঠটি জোর দেওয়া হয় এবং অধিকাংশ ব্রাউজারই এটিলিক্স হিসাবে প্রদর্শন করবে। এই পাঠটি দৃঢ়ভাবে জোর দেয় এবং অধিকাংশ ব্রাউজারই এটি গাঢ় ধরনের হিসাবে প্রদর্শন করবে।এই উভয় উদাহরণে, আমরা HTML সঙ্গে চাক্ষুষ চেহারা dictating হয় না। হ্যাঁ, ট্যাগটির ডিফল্ট চেহারাটি তাত্ক্ষণিক হবে এবং সাহসী হবে, তবে সেগুলি সহজেই CSS এ পরিবর্তিত হতে পারে। এটি উভয় বিশ্বের সেরা। আপনি প্রকৃতপক্ষে লাইনটি অতিক্রম করে এবং গঠন এবং শৈলী মিশ্রিত না করেই আপনার দস্তাবেজে এটিলিকাইজড বা গাঢ় টেক্সট পেতে ডিফল্ট ব্রাউজার শৈলী উপভোগ করতে পারেন। আপনি বলতে চেয়েছিলেন যে পাঠ্যটি শুধু সাহসীই নয়, লাল হতেও পারে, আপনি এটি CSS এ যুক্ত করতে পারেন
শক্তিশালী {
লাল রং;
}
এই উদাহরণে, আপনি মোড ফন্ট-ওজন জন্য একটি সম্পত্তি যোগ করার প্রয়োজন নেই, যেহেতু এটি ডিফল্ট। আপনি সুযোগ যে ছেড়ে যেতে না চান, তবে, আপনি সবসময় এটা যোগ করতে পারে:
শক্তিশালী {
ফন্ট-ওজন: বোল্ড;
লাল রং;
}
ট্যাগ ব্যবহার করা হয় যেখানে আপনি এখন (তবে লাল) টেক্সট সহ একটি পৃষ্ঠা আছে নিশ্চিত করা সব কিন্তু হবে।
উপর জোর ডাবল আপ
আমি বছরের উপর লক্ষ্য করেছি এক জিনিস আপনি জোর দ্বিগুণ করার চেষ্টা করে যদি হয় কি হয়। উদাহরণ স্বরূপ:
এই পাঠ্যটির ভিতরে শব্দের সাহায্যে বোতাম এবং উল্লিখিত লেখা থাকতে হবে।আপনি মনে করেন যে এই লাইন এমন একটি ক্ষেত্র তৈরি করবে যা গাঢ় এবং ত্রিচিহ্নগুলির পাঠ্যাংশ রয়েছে কখনও কখনও এই প্রকৃতপক্ষে ঘটে, কিন্তু আমি কিছু ব্রাউজার শুধুমাত্র দুটি জোর শৈলী, প্রশ্ন প্রকৃত টেক্সট নিকটতম এক দ্বিতীয় সম্মান দেখা এবং শুধুমাত্র italics হিসাবে এটি প্রদর্শন। আমি জোর ট্যাগগুলিতে দ্বিগুণ না করায় এটি এক কারণ।
এই "দ্বিগুণ আপ" এড়ানোর আরেকটি কারণ স্টাইলিশিক উদ্দেশ্যে হয়। আপনি সেট করতে চান স্বন বহন করতে সাধারণত যদি যথেষ্ট জোর এক ফর্ম। আপনি দাঁড়িয়ে থাকা জন্য সাহসী, italicize, রঙ, enlarge, এবং অধ্যায়ে টেক্সট নিম্নরেখা প্রয়োজন নেই। যে টেক্সট, যারা সব বিভিন্ন ধরণের জোর হবে, গালিগাল হতে হবে। জোর জোগাড় করার জন্য জোর ট্যাগ বা সিএসএস স্টাইল ব্যবহার করার সময় সতর্ক থাকুন এবং এটি আরও বেশি করে না করুন।
বোল্ড এবং ইতালীয় উপর একটি নোট
এক চূড়ান্ত চিন্তা- যখন সাহসী () এবং তির্যক () ট্যাগগুলিকে এখন জোর উপাদান হিসেবে ব্যবহার করার জন্য সুপারিশ করা হয় না, তখন এমন কিছু ওয়েব ডিজাইনার আছেন যারা এই ট্যাগগুলিকে টেক্সটের ইনলাইন শৈলী শৈলীতে ব্যবহার করে। মূলত, তারা এটি এলিমেন্টের মত ব্যবহার করে। এটি চমৎকার কারণ ট্যাগগুলি খুব ছোট, তবে এই উপাদানের সাহায্যে এই পদ্ধতিটি ব্যবহার করা সাধারণত বাঞ্ছনীয় নয় আমি উল্লেখ করেছি যে আপনি কিছু সাইটকে সেখানে গাঢ় বা তির্যক পাঠ্য তৈরি না করার জন্য এটি ব্যবহার করছেন, তবে অন্য কোনও ধরনের ভিজ্যুয়াল স্টাইলের জন্য একটি সিএসএস হোল তৈরির ক্ষেত্রে উল্লেখ করুন।
জনিফার ক্রাইনিনের মূল রচনা 12/2/16 তারিখে জেরেমি গিয়ার্ড দ্বারা সম্পাদিত