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>
আউটপুট

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