X

X

X

HTML5 এ নতুন ইলামেন্টসমূহ (HTML5 New Elements)


নিচে HTML5 এর নতুন ইলামেন্টগুলো লিস্ট করা হলো। তাদের কোনটির কি কাজ সে সম্পর্কে বর্ণনা দেওয়া হলো।


New Semantic/Structural Elements

HTML5 এর সুন্দর ডকুমেন্ট গঠনের জন্যে নতুন ইলামেন্টগুলো সুবিধা প্রদান করে ।

ট্যাগ বর্ণনা
<article> আর্টিকেল প্রকাশে ব্যবহৃত হয়।
<aside> পেজেরে কন্টেন্ট প্রকাশে ব্যবহৃত হয়।
<bdi> টেক্সট প্রদর্শনের দিক প্রকাশে ব্যবহৃত হয়।
<details> অতিরিক্ত ডিটেইলস প্রকাশে ব্যবহৃত হয়।
<dialog> ডায়লগ বক্স বা উইনডো তৈরিতে ব্যবহৃত হয়।
<figcaption> <figure> element -এর ক্যাপশন তৈরিতে ব্যবহৃত হয়।
<figure> কন্টেন্ট কনেটেইনার তৈরিতে ব্যবহৃত হয়।
<footer> কোনো document অথবা section এর ফুটার তৈরিতে ব্যবহৃত হয়।
<header> document অথবা section এর হেডার তৈরিতে ব্যবহৃত হয়।
<main> document এর মূল কন্টেন্ট প্রকাশে ব্যবহৃত হয়।
<mark> marked/highlighted text প্রকাশে ব্যবহৃত হয়।
<menuitem> popup menu এর command/menu item তৈরিতে ব্যবহৃত হয়।
<meter> নির্দিষ্ট রেঞ্জের ভেতর scalar measurement তৈরিতে ব্যবহৃত হয়।
<nav> navigation link তৈরিতে ব্যবহৃত হয়।
<progress> কোনো কাজ বা task এর progress প্রকাশ ব্যবহৃত হয়।
<rp> যদি ব্রাউজার ruby annotation সাপোর্ট না করে তবে সেক্ষেত্রে কি উপস্থাপিত হবে তা বর্ণনা করা হয়।
<rt> East Asian typography এর জন্য explanation/pronunciation বর্ণনা করা হয়।
<ruby> ruby annotation (East Asian typography) বর্ণনা করা হয়।
<section> document এ সেকশন তৈরিতে ব্যবহৃত হয়।
<summary> <details> element ইলামেন্টের দৃশ্যশান সামারি তৈরিতে ব্যবহৃত হয়।
<time> date/time উপস্থাপণে ব্যবহৃত হয়।
<wbr> সম্ভাব্য line-break তৈরিতে ব্যবহৃত হয়।

নতুন Form Element সমূহ

ট্যাগ বর্ণনা
<datalist> ইনপুট ইলামেন্টের জন্য পূর্ব নির্ধারিত ডাটালিস্ট তৈরিতে ব্যবহৃত হয়।
<output> সমীকরণের মান প্রকাশ করার জন্য ব্যবহৃত হয়।

বিস্তারিত জানুন এখান থেকে HTML Form Elements.


নতুন Input Type সমূহ

নতুন Input Type সমূহ নতুন Input Attribute সমূহ
  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • height and width
  • list
  • min and max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

নতুন এবং পুরোনো সকল ইনপুট টাইপ সম্পর্কে বিস্তারিত জানুন :  HTML Input Types.

সকল ইনপুট attribute সম্পর্কে জানুন :  HTML Input Attributes.


HTML5 – নতুন Attribute Syntax

HTML5 চার প্রকার attribute syntax সাপোর্ট করে।

Type Example
Empty <input type=”text” value=”John” disabled>
Unquoted <input type=”text” value=John>
Double-quoted <input type=”text” value=”John Doe”>
Single-quoted <input type=”text” value=’John Doe’>

HTML5 Graphics

ট্যাগ বর্ণনা
<canvas> প্রোগ্রামিং ভাষা যেমন জাভাস্ক্রিপ্ট ব্যবহার করে গ্রাফিক্স অবজেক্ট তৈরিতে ব্যবহৃত হয়।
<svg> scalable vector graphics তৈরিতে ব্যবহৃত হয়।

বিস্তারিত জানুন HTML5 Canvas,  HTML5 SVG.


নতুন Media Element সমূহ

ট্যাগ বর্ণনা
<audio> অডিও উপস্থাপণে ব্যবহৃত হয়।
<embed> বাহ্যিক এপ্লিকশন উপস্থাপণে ব্যবহৃত হয়।
<source> একাধিক মিডিয়া রিসোর্স উপস্থাপণে ব্যবহৃত হয় (<video> and <audio>) ।
<track> media element (<video> and <audio>) এরে ট্র্যাক প্রকাশে ব্যবহৃত হয়।
<video> video অথবা movie উপস্থাপণে ব্যবহৃত হয়।

বিস্তারিত জানুন HTML5 Video,  HTML5 Audio.