পুরানো HTML উপাদানগুলি এবং HTML5 এ নতুন
যদিও এর উন্নয়ন অনেক বছর আগে শুরু হয়েছিল, HTML5 প্রথমটি ২010 সালে ওয়েব ডিজাইনার / ডেভেলপারদের সাথে সাধারণ ব্যবহারে আসার শুরু হয়েছিল। গেট থেকে বেরিয়ে আসার পর, ভাষাটি অনেক ওয়েব পেশাদারদের সাথে পরিচিত হয়েছিল কারণ স্ক্র্যাচ থেকে সবকিছু পুনঃস্থাপন করার পরিবর্তে HTML5 কি আগে এসেছিলেন উপর নির্মিত। এইচটিএমএল 401 জানত যে কেউ যে দ্রুত যে সংস্করণে যে বেশ কিছু HTML5 এখন পাওয়া যাবে।
যদিও এইচটিএমএলটি কিছু সময়ের জন্য এইচটিএমএল এর কাছাকাছি অনেক উপাদান রয়েছে, এটি একটি মুষ্টিমেয় উপাদানগুলি চালু করেছে যা HTML5 এর জন্য নতুন ছিল। এই নতুন উপাদানগুলির অনেকের জন্য, "গরুপথ তৈরি করা" নামে একটি পদ্ধতি ব্যবহৃত হয়েছিল। এটি একটি শব্দ যা সাধারণত আইটি ব্যবহার করা হয় তা মূলতঃ মানুষ যা ইতিমধ্যেই করছে তা দেখতে এবং তা করে। ওয়েব ডিজাইনারের ক্ষেত্রে, এইগুলি কীভাবে তারা ইতিমধ্যেই পৃষ্ঠাগুলি তৈরি করছে এবং সেই সমস্ত ক্রিয়াকলাপের নতুন উপাদানগুলির ভিত্তিতে সিদ্ধান্তগুলি নির্ধারণ করে। উদাহরণস্বরূপ, অনেক ওয়েব পেশাদাররা ডিভিশনগুলির সাহায্যে "হেডার", "এনএইচ", এবং "পাদলেখ" এর আইডি বা ক্লাসের বৈশিষ্ট্যাবলী ব্যবহার করে ওয়েবসাইট তৈরি করবে। যেমন, HTML5 একটি নতুন উপাদান হিসাবে চালু করেছে, যা ওয়েব প্রফেশনালদের কেবলমাত্র বিভাগের পরিবর্তে ডেডিকেটেড সেটিংিং উপাদান ব্যবহার করে তাদের নথিতে আরো অর্থ যোগ করার অনুমতি দেয়। এই প্রবণতা এবং বর্তমান পদ্ধতির স্বীকৃতির একটি পদ্ধতি ওয়েব ডিজাইন শিল্পের দ্বারা দ্রুত HTML5 এর সাথে জড়িত হতে সহায়তা করে।
এইচটিএমএল 5 ডক্টাইপ
প্রথমত, কোনও নতুন HTML5 উপাদানের ব্যবহার করতে আপনার ডকুমেন্টটিতে HTML5 doctype অন্তর্ভুক্ত থাকতে হবে যা হল:
আপনি এই নোটিশটি নির্দিষ্টভাবে "HTML5" উল্লেখ করে না, তবে কেবল "এইচটিএমএল" হিসাবে সংস্করণটি বলে। কারণ এই মতবাদটি ভাষাটির সমস্ত পুনরাবৃত্তির জন্য এগিয়ে যাওয়ার জন্য ব্যবহার করা হয়।
বাস্তবিকই, HTML5 ভাষার ভবিষ্যত সংখ্যার সংস্করণ বলে মনে করা হয়, ভবিষ্যতে নতুন পরিবর্তনের সাথে সামঞ্জস্যপূর্ণভাবে যোগ করা। বস্তুত, নীচের তালিকার কিছু উপাদান ভাষাতে যোগ করা হয়েছে যা ২010 সালে প্রাথমিক ধাক্কা পরে!
HTML5 ট্যাগগুলি
| ট্যাগ | ব্যাখ্যা | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| অ্যাঙ্কর বা লিঙ্ক | |||||||||||||
| abbr> | সংক্ষেপ | ||||||||||||
| address> | নথির ঠিকানা বা লেখক | ||||||||||||
| <এলাকা> | ক্লায়েন্ট-সাইড চিত্র মানচিত্র | ||||||||||||
| <নিবন্ধ> নিবন্ধ> | প্রবন্ধ | ||||||||||||
| <সরাইয়া> সরাইয়া> | স্প্যানিশ বিষয়বস্তু | ||||||||||||
| <অডিও> অডিও> | অডিও স্ট্রিম | ||||||||||||
| b> | সাহসী | ||||||||||||
| <বেস> | নথির উপাদানগুলির জন্য বেস URI পাথ | ||||||||||||
| bdo> | দ্বি-নির্দেশমূলক অ্যালগরিদম | ||||||||||||
| <ব্লককোট> ব্লককোট> | লম্বা উদ্ধৃতি | ||||||||||||
| body> | পৃষ্ঠার শরীর | ||||||||||||
| | লাইন বিরতি | ||||||||||||
| <বোতাম> বোতাম> | এইচটিএমএল ফর্ম বোতাম | ||||||||||||
| <ক্যানভাস> ক্যানভাস> | গতিশীল গ্রাফিক্স জন্য ক্যানভাস | ||||||||||||
| মন্তব্য | |||||||||||||
| <ক্যাপশন> caption> | টেবিল ক্যাপশন | ||||||||||||
| Cite> | তলব | ||||||||||||
code> | কোড রেফারেন্স | ||||||||||||
| <কর্নেল> | সারণি কলাম | ||||||||||||
| | টেবিল কলাম গ্রুপিং | ||||||||||||
| <কমান্ড> | পৃষ্ঠায় কমান্ড বা কর্ম | ||||||||||||
| নথি প্রকার সংজ্ঞা | |||||||||||||
| | ডেটা গ্রিড | ||||||||||||
| অন্যান্য নিয়ন্ত্রণ জন্য পূর্বনির্ধারিত বিকল্প | |||||||||||||
| | সংজ্ঞা তালিকা বিবরণ বা বক্তৃতা স্প্যান | ||||||||||||
| | মুছে ফেলা পাঠ্য | ||||||||||||
| <বিবরণ> বিবরণ> | অতিরিক্ত উপর চাহিদা তথ্য | ||||||||||||
| dfn> | সংজ্ঞা | ||||||||||||
| <ডায়ালগ> ডায়ালগ> | কথোপকথন | ||||||||||||
| div> | লজিক্যাল বিভাগ | ||||||||||||
| বর্ণনা তালিকা | ||||||||||||
| | সংজ্ঞা তালিকা শব্দ বা ডায়ালগ স্পিকার | ||||||||||||
| em> | জোর | ||||||||||||
| <এম্বেড> | প্লাগইনগুলির জন্য এম্বেডেড উপাদান | ||||||||||||
| ফর্ম নিয়ন্ত্রণ গ্রুপ | |||||||||||||
| | একটি <চিত্র> উপাদান জন্য ব্যবহৃত ক্যাপশন | ||||||||||||
| <চিত্রে> চিত্রে> | ঐচ্ছিক ক্যাপশন সঙ্গে চিত্র | ||||||||||||
| <পাদচরণ> ফুটার> | পৃষ্ঠার পাদচরণ | ||||||||||||
| ফর্ম | |||||||||||||
h1> | প্রথম স্তর শিরোনাম | ||||||||||||
h2> | দ্বিতীয় স্তরের শিরোনাম | ||||||||||||
h3> | তৃতীয় স্তরের শিরোনাম | ||||||||||||
h4> | চতুর্থ স্তরের শিরোনাম | ||||||||||||
h5> | পঞ্চম স্তর শিরোনাম | ||||||||||||
h6> | ছয় স্তরের শিরোনাম | ||||||||||||
| head> | নথির প্রধান | ||||||||||||
| <হেডার> হেডার> | একটি পৃষ্ঠার শিরোনাম | ||||||||||||
| hgroup> | শিরোনাম গ্রুপ | ||||||||||||
| <ঘন্টা> | অনুভূমিক নিয়ম | ||||||||||||
| html> | একটি ওয়েব পৃষ্ঠার মূল উপাদান | ||||||||||||
| i> | ইতালীয় পাঠ শৈলী | ||||||||||||
| ইনলাইন ফ্রেম | |||||||||||||
| | ভাবমূর্তি | ||||||||||||
| <ইনপুট> | ইনপুট ফর্ম উপাদান | ||||||||||||
| <ইনপুট টাইপ = "বোতাম"> | বাটন ফর্ম উপাদান | ||||||||||||
| <ইনপুট টাইপ = "চেকবক্স"> | চেকবক্স ফর্ম উপাদান | ||||||||||||
| <ইনপুট টাইপ = "রঙ"> | রং ইনপুট | ||||||||||||
| <ইনপুট টাইপ = "তারিখ"> | তারিখ ইনপুট | ||||||||||||
| <ইনপুট টাইপ = "ডেটাটাইম"> | গ্লোবাল তারিখ এবং সময় ইনপুট | ||||||||||||
| <ইনপুট টাইপ = "ডেটাটাইম-স্থানীয়"> | স্থানীয় তারিখ এবং সময় ইনপুট | ||||||||||||
| <ইনপুট টাইপ = "ইমেইল"> | ইমেল ঠিকানা ইনপুট | ||||||||||||
| <ইনপুট টাইপ = "ফাইল"> | ফাইল আপলোড ফর্ম উপাদান | ||||||||||||
| <ইনপুট টাইপ = "লুক্কায়িত"> | লুকানো ফর্ম ক্ষেত্র উপাদান | ||||||||||||
| <ইনপুট টাইপ = "চিত্র"> | চিত্রের ফর্ম উপাদান | ||||||||||||
| <ইনপুট টাইপ = "মাস"> | বছর এবং মাস ইনপুট | ||||||||||||
| <ইনপুট টাইপ = "সংখ্যা"> | সংখ্যা ইনপুট | ||||||||||||
| <ইনপুট টাইপ = "পাসওয়ার্ড"> | পাসওয়ার্ড ফর্ম উপাদান | ||||||||||||
| <ইনপুট টাইপ = "রেডিও"> | রেডিও বোতাম ফর্ম উপাদান | ||||||||||||
| <ইনপুট টাইপ = "রেঞ্জ"> | অস্পষ্ট সংখ্যা ইনপুট | ||||||||||||
| <ইনপুট টাইপ = "রিসেট"> | বোতাম ফর্ম উপাদান রিসেট করুন | ||||||||||||
| <ইনপুট টাইপ = "অনুসন্ধান"> | অনুসন্ধান ক্ষেত্র | ||||||||||||
| <ইনপুট টাইপ = "জমা দিন"> | বোতাম ফর্ম উপাদান জমা দিন | ||||||||||||
| <ইনপুট টাইপ = "টেল"> | টেলিফোন নম্বর ইনপুট | ||||||||||||
| <ইনপুট টাইপ = "পাঠ্য"> | টেক্সট ক্ষেত্রের ফর্ম উপাদান | ||||||||||||
| <ইনপুট টাইপ = "সময়"> | সময় ইনপুট | ||||||||||||
| <ইনপুট টাইপ = "url"> | URL ইনপুট | ||||||||||||
| <ইনপুট টাইপ = "সপ্তাহ"> | বছর এবং সপ্তাহ ইনপুট | ||||||||||||
| <ইন> ins> | ঢোকানো পাঠ্য | ||||||||||||
| kbd> | পাঠ্য ব্যবহারকারী দ্বারা প্রবেশ করা হবে | ||||||||||||
| | সার্টিফিকেট পরিচালনার জন্য নিরাপদ কী তৈরি করুন | ||||||||||||
| <লেবেল> লেবেল> | ফরম লেবেল | ||||||||||||
| <কিংবদন্তি> কিংবদন্তী> | ফরম ক্ষেত্র ক্যাপশন | ||||||||||||
| | তালিকাবদ্ধ | ||||||||||||
| সম্পর্কিত নথি লিঙ্ক করুন | |||||||||||||
| <প্রধান> প্রধান> | একটি পৃষ্ঠার বিষয়বস্তু প্রধান এলাকা | ||||||||||||
| <মানচিত্র> map> | ক্লায়েন্ট-সাইড চিত্র মানচিত্র | ||||||||||||
| <চিহ্ন> চিহ্ন> | চিহ্নিত বা হাইলাইট করা পাঠ্য | ||||||||||||
| কমান্ডের তালিকা | |||||||||||||
| <মেটা> | দস্তাবেজ সম্পর্কে মেটা তথ্য | ||||||||||||
| <মিটার> মিটার> | স্কেলার গেজ | ||||||||||||
| ন্যাভিগেশন লিঙ্কগুলির সাথে একটি এলাকা নির্ধারণ করুন | |||||||||||||
| <নোস্ক্রিপ্ট> noscript> | স্ক্রিপ্ট উপলব্ধ না হলে বিষয়বস্তু | ||||||||||||
| অ প্রমিত বস্তু | |||||||||||||
| আদেশ বা সংখ্যাযুক্ত তালিকা | ||||||||||||
| একটি তালিকা নির্বাচন অপশন গ্রুপ | |||||||||||||
| <বিকল্প> বিকল্প> | একটি নির্বাচন তালিকাতে বিকল্প | ||||||||||||
| <আউটপুট> আউটপুট> | একটি ফর্ম গণনা ফলাফল | ||||||||||||
| p> | অনুচ্ছেদ | ||||||||||||
| একটি বস্তুর উপাদান প্যারামিটার | |||||||||||||
| <প্রাক> pre> | প্রাক-ফরম্যাট করা পাঠ্য | ||||||||||||
| <উন্নতি> উন্নতি> | অগ্রগতি সূচক | ||||||||||||
q> | সংক্ষিপ্ত ইনলাইন উদ্ধৃতি | ||||||||||||
| রুবি বন্ধনী | |||||||||||||
| রুবি টেক্সট | |||||||||||||
| <রুবি> রুবি> | রুবি টীকা | ||||||||||||
| | স্ট্রাইকিআউট পাঠ্য | ||||||||||||
| <স্যাম্প> samp> | নমুনা আউটপুট | ||||||||||||
| <স্ক্রিপ্ট> স্ক্রিপ্ট> | স্ক্রিপ্ট | ||||||||||||
| <অধ্যায়> অধ্যায়> | একটি পৃষ্ঠা বিভাগ | ||||||||||||
| <নির্বাচন> select> | নির্বাচন বা ড্রপ ডাউন মেনু তালিকা | ||||||||||||
| <ছোট> small> | ছোট ফন্টের আকার | ||||||||||||
| <উৎস> | মিডিয়া উৎস | ||||||||||||
| span> | জেনেরিক ইনলাইন শৈলী কন্টেনার | ||||||||||||
| strong> | বিশেষ গুরুত্ব | ||||||||||||
| <শৈলী> style> | স্টাইল শীট | ||||||||||||
| sub> | সাবস্ক্রিপ্ট | ||||||||||||
| <সারাংশ> সারাংশ> | ডিটেলস উপাদান বিষয়বস্তু সংক্ষিপ্ত বিবরণ | ||||||||||||
| sup> | সুপারস্ক্রিপ্ট | ||||||||||||
| <টেবিল> টেবিল> | টেবিল | ||||||||||||
| <টব> টব> | সারণি সারি সারি | ||||||||||||
| td> | সারণি ঘর | ||||||||||||
| মাল্টি লাইন ফর্ম উপাদান | |||||||||||||
| <টুপু ফুট> tfoot> | টেবিল পাদলেখ সারি | ||||||||||||
| th> | সারণি হ্যান্ডেল সেল | ||||||||||||
thead> | টেবিল হেডার সারি | | সময় নির্ধারণ করে | <শিরোনাম শিরোনাম> | খেতাব | | সারণি সারি | |
অনির্বাচিত বা buletted তালিকা | var> | পরিবর্তনশীল বা ব্যবহারকারী নির্ধারিত পাঠ্য | <ভিডিও> ভিডিও> | পৃষ্ঠাতে সংযুক্ত ভিডিও বা মুভি |