سرفصل‌های آموزشی
آموزش پروژه محور HTML و HTML5
مقدمه ای بر HTML5

مقدمه ای بر HTML5

تا اینجای آموزش با مبانی 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>
  • ...

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

online-support-icon