در این پست میخوام برخی از ویژگی های جدید که در html5 وجود داره رو خدمتتون آموزش بدم ، پس با من همراه باشید

اولین چیزی که در html 5 بهینه شده ، سینتکس آسان و ساده شده تعریف نوع سند (DOCTYPE) هست که در اولین خط هر صفحه html قرار میگیره:

<!DOCTYPE html>

همچنین سینتکس تعریف Encoding صفحه هم خیلی ساده تر شده ، بصورت زیر :

<meta charset="UTF-8">

که یک نمونه اولیه سند HTML5 بصورت زیر نوشته میشه :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title of the document</title>
</head>

<body>

</body>

</html>

علاوه بر این تغییرات ، یکسری عناصر (Elements) معنایی به نسخه 5 HTML اضافه شده است که در زیر به آنها اشاره میکنم:

<header>  ,  <footer>   ,   <article>    ,   <section>

همچنین یکسری ویژگی ها به عناصر فرم ها اضافه شده که عبارتند از : 

number , date, time, calendar, range

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

<svg>  ,  <canvas>

نکته : منظور از عناصر ، همان تگ های HTML هستند.

نگران نباشید عناصر چند رسانه هم به HTML5 اضافه شده که نام این تگ ها در زیر نوشته شده اند :

<audio> , <video>

تا اینجا عناصر جدید و تغییراتی که در نسخه جدید HTML یعنی HTML5 ایجاد شده رو بصورت کلی شرح دادیم و در زیر میخوام API هایی که به HTML5 اضافه شده رو خدمتتون لیست کنم:

HTML Geolocation
HTML Drag and Drop
HTML Local Storage
HTML Application Cache
HTML Web Workers
HTML SSE

--------------------------------------------------------

نکته : Local storage بجای cookies در HTML5 قرار داده شده است

--------------------------------------------------------

البته ممکنه فکر کنید که عناصر و ویژگی های جدید HTML5 در مرورگرهای قدیمی کار نکنند که باید بگم ، راه حلی برای این کار هست که در پست پشتیبانی مرورگرهای قدیمی از HTML5 به آموزش این تکنیکها خواهیم پرداخت ، پس نگران نباشید و تا پایان این پست رو مطالع کنید تا با ویژگی های جدید HTML5 بطور کامل آشنا بشید.

 

حالا بهتره با یکسری از تگها یا همون عناصر HTML4 که در نسخه 5 برداشته شده اند آشنا بشید :

 

عناصر حذف شده در html5
ردیف نام عنصر حذف شده

جایگزین
1

<acronym>

 <abbr>
2 <applet> <object>
3

<basefont>

 CSS
4

<big>

 CSS
5

<center>

 CSS
6

<dir>

 <ul>
7

<font>

 CSS
8

<frame>

 -
9

<frameset>

 -
10

<noframes>

 -
11 <strike>

CSS, <s>, or <del>
12 <tt>

CSS