XHTML কি
XHTML এর পূর্নরুপ হল EXtensible Hyper Text Markup Language। এটি অবিকল HTML এর মত তবে কিছুটা কঠোর। XHTML সব বড় বড় ব্রাউজারে সাপোর্ট করে।
কেন XHTML ব্যবহার করবো?
HTML কোডিং এ কোন ভুল থাকলেও অনেক সময় বিভিন্ন ব্রাউজ়ারে তা ধরা পড়েনা এবং ব্রাউজারে সুন্দর ভাবেই দেখা যায়। কিন্ত বর্তমানে বাজারে অনেক নতুন ব্রাউজার এসেছে। অনেকেই কম্পিউটার ছাড়াও মোবাইলে সাইট ভিজিট করছে। অনেক মোবাইল ব্রাউজার HTML এর ভুলগুলো সঠিকভাবে দেখাতে পারেনা। XHTML এ যেহেতু কোডিং সঠিকভাবে করতে হয় তাই XHTML ব্যবহার করাই শ্রেয়।
ডকুমেন্ট এর গঠন (Document Structure)
XHTML DOCTYPE আবশ্যক XHTML কোডিং এর ক্ষেত্রে।
এর মধ্যে xmlns attribute ও আবশ্যক।
<html>,
<head>, <title>, <body> ও আবশ্যক।
XHTML
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
some content
</body>
</html>
কিভাবে HTML থেকে XHTML রুপান্তর করবো?
১। প্রতিটি পেজ এর প্রথম লাইনে XHTML <!DOCTYPE> যুক্ত করতে হবে।
২। প্রতিটি পেজ এর HTML elements এর মধ্যে xmlns attribute যুক্ত করতে হবে।
৩। প্রতিটি elements গুলো lowercase বা ছোটহাতের করতে হবে।
৪। প্রতিটি elements সঠিকভাবে বন্ধ করতে হবে।
৫। Attribute names গুলো lowercase বা ছোটহাতের করতে হবে।
৬। attribute values গুলো সঠিকভাবে Quote করতে হবে।
Forms Controls
- .form-control
- .form-control-file
- .form-control-sm
- .form-control-range
- .form-check
- .form-check-input
- .form-check-label
- .form-check
- .form-group
- .is-invalid
- .is-valid
- .invalid-feedback
Image
- .img-fluid
- .img-thumbnail
- .rounded
Collapse
- .collapse
- .collapsing
- .collapse.show
- .accordion
0 Comments