فایل HTML5 ★ BOILERPLATE

برای شروع یک پروژه‌ي وبسایت معمولا توسعه‌دهندگان از فریمورک استفاده می‌کنند، اما من بیشتر علاقه دارم خودم از اول شروع به کار کنم و از فریمورک استفاده نکنم. این چهارچوب منبع خیلی عالی برای شروع یک پروژه فرانت‌اند است.

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

اجزای فایل index.html

مشخص کردن نوع فایل

<!doctype html> - HTML5

تعریف نوع کدگذاری

<meta charset="utf-8"> - UTF8

تعریف عرض و viewport

<meta name="viewport" content="width=device-width, initial-scale=1">
بهینه‌سازی برای موبایل و زوم صفحه

اضافه‌کردن فایل‌های استایل و جاوااسکریپت

css/style.css و js/scripts.js آدرس‌های منطقی و درست

استفاده از آخرین آپدیت Internet Explorer

البته اختیاری هستش

<meta http-equiv="x-ua-compatible" content="ie=edge">

یک فایل کامل html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <title></title>
    <link rel="stylesheet" href="css/main.css" />
    <link rel="icon" href="images/favicon.png" />
  </head>

  <body>
    <script src="js/scripts.js"></script>
  </body>
</html>

پایان