با html5 آشنا شویم

[Yaser_Aramesh]

HTML5 جدیدترین نسخه ی HTML است و در یک کلام میتوان آن را شاهکار خطاب کرد.

HTML5 توانست با قدرت زیادی وارد دنیای وب شود و به سلطه ی Flash در دنیای وب پایان دهد (استیو جابز شکست Flash را پیش بینی کرده بود ).

بله , در گذشته ای نزدیک این Flash بود که بر قسمت چندرسانه ای وب (انیمیشن,ویدیو,صدا و اسلایدشو) حکومت می کرد اما HTML5 آمد و در حال حاظر تخت پادشاهی خالی است ! یعنی نه Flash سلطان وب است , نه Silverlight و نه HTML5 اما مطمئن باشید که به زودی HTML5 به اندازه ای محبوب می شود و مورداستفاده قرار میگیرد که به پادشاهی وب می رسد.

ویژگی اصلیHTML قدرتمند بودن آن در زمینه ی چندرسانه ای است.

یعنی قابلیت های چندزسانه ای HTML5 بسیار زیاد , کاربردی و بسی زیبا است به طوری که با مشاهده ی چند سایت خوب HTML5 به پتانسیل این نسخه از HTML پی خواهید برد.

HTML5 مانند Flash Player نیازی به پلاگین ندارد و تقریبا همه ی قابلیت های آن در مرورگرهای جدید (Firefox 19 و Chrome 25 ) پشتیبانی می شود . این نکته را در نظر داشته باشید که چیزی موسوم به پشتیبانی از HTML5 وجود ندارد ! این قابلیت های HTML5 هستند که باید پشتیبانی شودند.برای مثال Internet Explorer 9 با این که مرورگر اوایل 2011 است از برخی از قابلیت های HTML5 پشتیبانی می کند.

در HTML5 کدنویسی آسانتر و کوتاهتر شده و تگ های زیادی اضافه شده که به شرح زیر هستند :

<canvas>, <audio>, <video>, <progress>, <caption>, <header>, <nav>, <footer>, <article>, <aside>, <command>, <datalist>, <details>, <embed>, <figcaption>, <figure>, <hgroup>, <keygen>, <mark>, <meter>, <nav>, <output>, <rp>, <rt>, <ruby>, <section>, <source>, <summary>, <time>

و همینطور تگ هایی نیز حذف شده اند مانند :

<acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <noframes>, <s>, <strike>, <tt>, <u>, <xmp>

شروع کار بر روی HTML5 از سال 2014 و توسط W3C شروع شد و در اواخر 2010 بود که نسخه های تقریبا نهایی اماده شد.البته در سال 2012 بود که HTML5 رونق پیدا کرد و بر سلطه ی Flash پایان داد.W3C برنامه دارد که در 2016 نسخه ی 5.1 را آماده سازد.

[Yaser_Aramesh]

html5test.com

در سایت بالا میتوانید تست کنید که مرورگر شما چه امتیازی در پشتیبانی از قابلیت های HTML5 میگیرد و همینطور میتوانید جزئیات را نیز ببینید که مرورگرتان از چه قابلیت هایی پشتیبانی می کند و از چه قابلیت هایی نمی کند . همینطور این وبسایت امکان مشاهده نتایج تست نسخه های مختلف انواع مرورگرها را فراهم کرده. . به اضافه ی همه ی اینها میتوانید نتیجه ی مرورگر خودتان را با مرورگرهای دیگر مقایسه نیز کنید .

در حال حاظر Maxthon 4.0 با یک امتیاز بیشتر از Chrome 25 در صدر جدول برترین هاست . بد نیست به همین بهانه مرورگر Maxthon را هم تجربه کنیم . میتوانید از اینجا , این مرورگر را دانلود کنید .

[Yaser_Aramesh]

معرفی چند وبسایت خوب مبتنی بر HTML5

---

Mozilla
National Academy Museum
Kalixo
Lets Travel Somewhere
The Good Man
Jam with Chrome
I Shot Him
Digital Hands
Ads Plus
Handy Test
Unfold
360° Langstrasse

برخی از سایت های بالا به زبان های غیرانگلیسی هستند .

بهتر است از مرورگر Chrome 25 استفاده کنید تا هم بهترین تجربه ی ممکن HTML5 را داشته باشید و هم با کلیک بر روی گزینه ی Translate زبان وبسایت به انگلیسی تبدیل شود.

---

نکته : برخی از وبسایت های معرفی شده تنها به خاطر ظاهر فوق العاده زیبا معرفی شده اند تا با دقت و گشت و گذار در آنها به پتانسیل فوق العاده ی HTML5 در زمینه ی چندرسانه ای پی ببرید و برخی برای سرگرمی و لذت معرفی شده اند

[Yaser_Aramesh]

1- بازی Canvas Rider
2- بازی Crystal Galaxy
3- بازی BioLap Disaster
4- بازی VII
5- بازی Onsalught
6- بازی DHTML lemmings
7- بازی Missile Fleet
8- بازی Tank World
9- بازی Pirates Love Da***es
10- بازی Word Squared
11- بازی Sand Trap
12- بازی Worlds Biggest Pac-Man
13- بازی Coil
14- بازی Z-Type
15- بازی Orbium
16- بازی Space War
17- بازی Private Joe
18- بازی Agent 8 Ball
19- بازی Canvas Pinball
20- بازی EtachaPhysics

منبع : Gooyait

---

21) HEXGL
22) X-Type
23) Cut The Rope
24) Solitaire

---

[Yaser_Aramesh]

تست Firefox 21 در پشتیبای از قابلیت های HTML 5





پشتیبانی از استاندارد H.264 و فرمت های MP3 و AAC در قالب HTML5 که در Firefox 20 انجام نمی شد در Firefox 21 به عمل آمده

---

به گفته ی سایت TechCrunch نسخه ی آندروید Firefox 21 امتیاز 421 را به اضافه ی 14 امتیاز جایزه (Bonus) دریافت کرده است

در اینجا میتوانید مقایسه ی بین Chrome 26,Internet Explorer 10 و Firefox 20 را ببینید.

در اینجا میتوانید مقایسه ی بین Opera 12.10 , Maxthon 4 و Safari 6 را ببینید.