কম্পিউটার টিউটোরিয়াল

HTML <u> ট্যাগ


HTML <u> ট্যাগ چی?

HTML 4-এ <u> এলিমেন্টটি টেক্সট আন্ডারলাইন (underlined) করার জন্য ব্যবহৃত হতো। কিন্তু HTML5-এ এটি পুনর্পরিভাষিত হয়েছে — এখন এটি সাধারণ টেক্সট থেকে আলাদা করে নন-টেক্সটুয়াল ანোটেশন (non-textual annotation) বোঝাতে ব্যবহৃত হয়, যেমন: বানান ভুল চিহ্নিত করা, চীনা ভাষার প্রপার নেম (proper name) চিহ্নিত করা, বা অন্যান্য টেক্সট থেকে আলাদা একটি শব্দ/ফ্রেজ হাইলাইট করা।

দ্রষ্টব্য: শুধু ভিজুয়াল আন্ডারলাইন করতে চাইলে CSS-র text-decoration: underline; ব্যবহার করুন। <u> সেম্যান্টিক মানে বহন করে।

সিনট্যাক্স

<u>টেক্সট</u>

উদাহরণ

<!DOCTYPE html>
<html>
<body>
  <h2>শর্টকাট কী</h2>
  <p>নিচের <u>শর্টকাট</u> কীগুলো ব্যবহার করুন:</p>
  <p><strong>Cut</strong>: <kbd>CTRL</kbd>+<kbd>X</kbd></p>
  <p><strong>Copy</strong>: <kbd>CTRL</kbd>+<kbd>C</kbd></p>
  <p><strong>Paste</strong>: <kbd>CTRL</kbd>+<kbd>V</kbd></p>
  <p><strong>Undo</strong>: <kbd>CTRL</kbd>+<kbd>Z</kbd></p>
</body>
</html>

আউটপুট

HTML <u> ট্যাগ

উপরের উদাহরণে <u> ট্যাগ ব্যবহার করে "শর্টকাট" শব্দটিকে সাধারণ টেক্সট থেকে আলাদা করা হয়েছে:

<p>নিচের <u>শর্টকাট</u> কীগুলো ব্যবহার করুন:</p>

সরাসরি আন্ডারলাইন vs সেম্যান্টিক ব্যবহার

উদ্দেশ্য সঠিক পদ্ধতি
শুধু সাজসজ্জার জন্য আন্ডারলাইন <span style="text-decoration:underline">...</span> বা CSS ক্লাস
বানান ভুল চিহ্নিত করা <u>ভুল শব্দ</u>
প্রপার নেম (চীনা/জাপানি ইত্যাদি) চিহ্নিত করা <u>বিজয়</u>
  1. HTML <col> ট্যাগ

  2. HTML <dl> ট্যাগ

  3. HTML <center> ট্যাগ

  4. HTML <colgroup> ট্যাগ