گروه مقاله : HTML 5
تاريخ انتشار : 1394/02/24 - 11:44
كد :457

مقدمه ای بر HTML5

HTML5 نسل بعدی HTML است.  نسخه قبلی HTML ، HTML 4.01 بود که در سال ۱۹۹۹ منتشر شد. از آن زمان صفحات وب تغییرات گسترده ای کردند.
HTML5 هم اکنون در حال توسعه می باشد با این حال اکثر مرورگر ها از عناصر و API های آن پشتیبانی می کنند.
HTML5 کار مشترکی از کنسرسیوم جهانی وب (W3C) و کار گروه تکنولوژی نرم افزاری فرا متن وب (WHATWG) است.
WHATWG مشغول کار بر روی نرم افزار ها و فرم های تحت وب بود و W3C نیز مشغول کار روی XHTML 2.0 بود. تا اینکه در سال ۲۰۰۶ آن ها تصمیم گرفتند نسخه جدید HTML را با همکاری بکدیگر منتشر کنند.
 
برخی از قوانین HTML5 که تعیین گردیده اند :
  • ويژگي هاي جديد بايد براساس DOM, CSS, HTML و JavaScript باشد. 
  • کاهش نياز به Pluginهاي خارجي (مانند Flash) 
  • کنترل بهتر خطاها
  • افزايش نشانه گذاري(markup) براي کاهش اسکريپت نويسي در صفحات وب 
  • HTML5 باید مستقل از دستگاه باشد.
  • فرآیند توسعه باید برای عموم قابل مشاهده باشد.
 
اعلان <DOCTYPE!>
<DOCTYPE!> يک تگ HTML نيست بلکه يک اعلان است و به مرورگر مي گويد کدام نسخه ی HTML در صفحه استفاده شده است.
در HTML5 (اچ تي ام ال 5) تنها يک اعلان <DOCTYPE!> وجود دارد و بسيار ساده است:
<!DOCTYPE html>
 
یک مثال ساده از HTML5
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
 
<body>
Content of the document......
</body>
 
</html>
عناصر جدید در HTML5
جذاب ترین عناصر جدید HTML5 عبارتند از :
  • عناصری مثل <article>, <footer>, <header>, <section> برای مشخص کردن محتوی
  • ابزارهاي جديد براي ساخت فرم، مانند: تقويم، تاريخ، زمان، ايميل، آدرس وب و جستجو
  • عناصر گرافیکی جدید مانند <svg> و <canvas>
  • عناصر <video> و <audio> براي پخش صدا و تصوير
پشتيباني از HTML5 (اچ تي ام ال 5) در مرورگرها
HTML5 (اچ تي ام ال 5) هنوز يک استاندارد رسمي نيست، و مرورگرها بصورت کامل آنرا پشتيباني نمي کنند.
اما مرورگرهاي اصلي (Safari, Chrome, Firefox, Opera, Internet Explorer) ويژگي هاي جديد HTML5 (اچ تي ام ال 5) را در نسخه هاي جديدشان اضافه کرده اند.
 
برخی از عناصر HTML4  در  HTML5 حذف شده اند :
 
عنصر جایگزین
<acronym> <abbr>
<applet> <object>
<basefont> CSS
<big> CSS
<center> CSS
<dir> <ul>
<font> CSS
<frame>  
<frameset>  
<noframes>  
<strike> CSS
<tt> CSS
نظرات كاربران :