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