تا اینجای آموزش با مبانی 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>
- ...
در ادامه‌ی این فصل از آموزش به معرفی این تگ‌ها و ویژگی‌های آن‌ها خواهیم پرداخت.