files/bn/web/guide/html/html5/introduction_to_html5/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

---
title: HTML5 এ হাতেখড়ি
slug: HTML/HTML5/Introduction_to_HTML5
tags:
  - Guide
  - HTML
  - HTML5
  - NeedsContent
  - Web
  - গাইড
translation_of: Web/Guide/HTML/HTML5/Introduction_to_HTML5
---
<p><span id="result_box" lang="bn"><span class="hps">HTML এর</span> <span class="hps">পঞ্চম</span> <span class="hps">ও </span><span class="hps">সর্বশেষ</span> <span class="hps">সংস্করণ <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/" title="http://www.whatwg.org/specs/web-apps/current-work/">HTML5</a></span></span>। <span id="result_box" lang="bn"><span class="hps">এর</span> নতুন কিছু ফিচার রয়েছে যেমন শুধু <span class="hps">রিচ</span> <span class="hps">মিডিয়া</span>ই <span class="hps">সমর্থন</span> <span class="hps">করা, ওয়েব </span></span><span id="result_box" lang="bn"><span class="hps">এপ্লিকেশন তৈরি করা এখন আরও সহজ। এসব ওয়েব এপ্লিকেশন ব্যবহারকীর সাথে ইন্টার-এক্ট করতে পারে, ব্যবহারকারীর কম্পিউটারের ডেটা নিয়ে কাজ করতে পারে, সার্ভারের সাথে যোগাযোগ </span></span>করতে পারে আগের থেকে অনেক কার্যকরভাবে।</p>
<p><span id="result_box" lang="bn"><span class="hps">HTML5</span> <span class="hps">এখনও</span> ডেভেলপ<span class="hps"> হচ্ছে</span><span>, সে কারণে</span> এখনো এর নির্দেশিকায় টুকটাক পরিবর্তন চলছে<span>।</span></span> <span id="result_box" lang="bn"><span class="hps">এখনো</span> <span class="hps">সব</span> <span class="hps">ব্রাউজারে সব ফিচার চলে না</span><span class="hps">।</span></span> যাইহোক, <em>গেকো</em> এবং তার এক্সটেনশন, ফায়ারফক্স খুব ভালভাবেই HTML5 সমর্থন করে, এবং এর আরও ফিচার সমর্থনের কাজ চলছে। <span id="result_box" lang="bn"><span class="hps">গেকো</span> <span class="hps">১.৮.১</span> <span id="result_box" lang="bn"><span class="hps">সংস্করণ</span></span> <span class="hps">থেকে HTML5 এর</span> ফিচার <span class="hps">সমর্থন করা</span> <span class="hps">শুরু করেছে। </span></span>গেকো বর্তমানে HTML5 এর কি কি ফিচার সমর্থন করে তা <a href="/bn/HTML/HTML5" title="en/HTML/HTML5">HTML5 এর মুল</a><a href="/bn-BD/HTML/HTML5"> পেজে </a> জানতে পারেন। অন্যান্য ব্রাউজারে HTML5 সাপোর্ট করে কি না, তা বিস্তারিত জানতে <a class="external" href="http://caniuse.com/#cats=HTML5" title="http://caniuse.com/#cats=HTML5">CanIUse</a> ওয়েবসাইটে যেতে পারেন।</p>
<h2 id="যেভাবে_বলবেন_আপনার_ডকুমেন্টে_HTML5_মার্ক-আপ_আছে">যেভাবে বলবেন আপনার ডকুমেন্টে HTML5 মার্ক-আপ আছে</h2>
<p>HTML5 এর জন্য ডকটাইপ খুবই সাধারন। আপনার HTML কন্টেন্ট যে HTML5 ব্যাবহার করছে তা বলার জন্য ডকুমেন্টের শুরুতে নিচের কোড লিখুনঃ</p>
<pre class="brush:html;">&lt;!DOCTYPE html&gt;
</pre>
<p>যেসব ব্রাউজার এখনো HTML5 সমর্থন করে না, তারাও এই কোড দেখলে স্ট্যান্ডার্ড মোডে চলে যাবে, যার অর্থ হল তারা HTML এর আগের সমর্থিত কোডগুলো ঠিকমতই দেখাবে এবং শুধুমাত্র যেসব HTML5 এলিমেন্ট তারা সমর্থন করে না সেগুলোই দেখাবে না।</p>
<p>নতুন এই ডকটাইপ আগের ডক্টাইপগুলো থেকে অনেক ছোট, যে কারণে এটা সহজেই মনে রাখা যায়। তাছাড়া ছোট হওয়ার জন্য কম বাইট ডাউনলোড হয় ব্যবহারকারীর মেশিনে।</p>
<h2 id="&lt;meta_charset>_লিখে_ক্যারেক্টার-সেট_ডিক্লেয়ার_করুন"><code>&lt;meta charset&gt; লিখে ক্যারেক্টার-সেট ডিক্লেয়ার করুন</code></h2>
<p>সাধারণতঃ পেইজের শুরুতেই এটি কোন ক্যারেক্টার-সেট ব্যবহার করছে তা বলে দিতে হয়। HTML এর আগের সংস্করণে জটিল {{HTMLElement("meta")}} ট্যাগ দিয়ে এটি করা লাগত, কিন্তু এখন যা খুবই সহজঃ</p>
<pre class="brush:html;">&lt;meta charset="UTF-8"&gt;</pre>
<p>{{HTMLElement("head") }} এর পরেই উপরের কোড লিখুন, যেহেতু কিছু ব্রাউজার HTML ডকুমেন্ট পার্স করা নতুন করে শুরু করে, যদি আপনার ডিক্লেয়ার করা ক্যারেক্টার-সেট ব্রাউজার যেটা ধরে নিয়েছিল সেটার থেকে আলাদা হয়। এছাড়া, আপনি যদি UTF-8 ব্যবহার না করেন তাহলে আপনাকে UTF-8 ব্যবহার করতে নির্দেশনা দেওয়া হচ্ছে, কারণ এটি অনেক স্ক্রিপ্টেই ক্যারেক্টার ব্যবহার করা অনেক সহজ করে দেয়।</p>
<p>খেয়াল করুনঃ HTML5 নির্দেশনা দিয়েছে যে বৈধ ক্যারেক্টার-সেট অবশ্যই ASCII সমর্থিত হতে হবে আর কমপক্ষে ৮ বিট ব্যবহার করে এমন হতে হবে। নিরাপত্তা বাড়াতে আর কিছু এটাক (আক্রমণ!) ঠেকানোর জন্যই এই ব্যবস্থা।</p>
<h2 id="নতুন_HTML5_পার্সার">নতুন HTML5 পার্সার</h2>
<p>HTML5 পার্সিং নিয়মকানুন, (যা কিনা HTML কোডের অর্থ বের করে) HTML5 এ নিখুঁতভাবে বলা হয়েছে। HTML5 আসার আগে শুধুমাত্র বৈধ মার্ক-আপ কী সেটাই বলা থাকত, যেকারণে যখনই মার্ক-আপে কোন ভুল পাওয়া যেত (প্রায় সব ওয়েবসাইটেই কিছু না কিছু ভুল থাকে) একেক ব্রাউজার একেকভাবে আচরণ করত। কিন্তু এখন HTML5 এ যেহেতু মার্ক-আপে ভুল থাকলে কি করতে হবে সেটাও বলা হয়েছে, সব HTML5-সমর্থিত ব্রাউজার ভুল কোড পেলেও একইরকম আচরণ করবে।</p>
<p>এর ফলে ওয়েব ডেভেলপারদের এখন সুখের সময়। যদিও সব আধুনিক ব্রাউজার-ই HTML5-সমর্থিত, কিছু পুরনো ব্রাউজার পাওয়া যায় যারা কিনা HTML5 পার্সিং নিয়ম মেনে চলে না। এইসব HTML5-অসমর্থিত ব্রাউজার এখনো মানুষজন ব্যবহার করে। ডেভেলপারদের কে ভুল না করে, মার্ক-আপ লিখতে উৎসাহিত করা হয়, কারণ ভুলবিহীন কোড সহজেই বুঝা যায় আর পরেও কোড করতে সুবিধা হয়। আর বড় কথা হল, কোডে ভুল থাকলে পুরনো একেক ব্রাউজারে একেক আচরণ দেখা যাবে - কারণ পুরনো ব্রাউজারগুলো HTML5 পার্সিং নিয়ম মেনে চলে না।</p>
<p>টেনশন করার কোন দরকার-ই নেই, আপনার ওয়েবসাইটের কোন কিছু পরিবর্তন করা লাগবে না - ওয়েব ব্রাউজারের ডেভেলপার-রাই এসব নিয়ে মাথা ঘামাচ্ছে!</p>