تا اینجای آموزش با مبانی HTML (که تقریبا در تمامی نسخه های HTML یکسان است) آشنا شدید. اکنون در ادامه‌ی این آموزش می خواهیم HTML5 (که آخرین نسخه‌ی HTML است) و عناصر جدید اضافه شده به آن را به شما معرفی کنیم.

HTML5  چه تفاوت هایی با نسخه های قبلی HTML دارد؟

همان طور گفته شد، HTML5 نسخه‌ی به روز شده ی HTML است که مورد تایید w3C (World Wide Web Consortium یا کنسرسیوم شبکه جهانی وب) می‌باشد و امروزه تمام مرورگرهای اصلی (کروم، فایرفاکس و ..)  آن را پشتیبانی می‌کنند.

 به طور کلی می‌توان گفت تفاوت HTML5 با نسخه های قبلی HTML، در عناصر و ویژگی های جدید اضافه شده و همین طور عناصر و ویژگی های حذف شده می‌باشد.

هنگام نوشتن HTML5، یکی از اولین ویژگی‌های جدیدی که متوجه آن خواهید شد، اعلام نوع سند در ابتدای آن است:

<!DOCTYPE HTML> 

اعلام رمزگذاری کاراکتر (charset) نیز در HTML5 ساده شده است:

<meta charset="UTF-8">

⚠️ رمزگذاری کاراکتر پیش فرض در UTF-8 ،HTML5 است.

به قطعه کد زیر که نمونه ای از یک صفحه‌ی HTML5 است، دقت کنید:

<!DOCTYPE html>
<html>

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

<body>
  The content of the document......
</body>

</html>

عناصر جدید در HTML5

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

  • <footer>
  • <header>
  • <nav>
  • <article>
  • <section>
  • <aside>
  • <audio>
  • < video>
  • <datalist>
  • <details>
  • <embed>
  • <output>
  • < progress>
  • <canvas>
  • ...

در ادامه‌ی این فصل از آموزش به معرفی این تگ‌ها و ویژگی‌های آن‌ها خواهیم پرداخت.

دوره در حال تکمیل است ... rocket