وثيقة html

تعرف على العناصر الأساسية لبداية هيكلة صفحة html وكيف يتم كتابة هذه العناصر وشرح كل عنصر بطريقة سهلة وبسيطة ، كما نجد في المثال التالى هذه الشيفرة النهائية لبداية هيكلة صفحة html ولا يخلو أى موقع ويب من هذه العناصر.


<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE-edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>*****</title>
      <meta name="description" content="***">
      <meta name="keywords" content="***, ***, ***, ***">
      <meta name="author" content="***">
      <link rel="icon" href="#"  type="image/ico">
      <link rel="stylesheet" href="#">
      <!--[if lt IE 9]>
         <script src=https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js></script>
         <script src=https://oss.maxcdn.com/respond/1.4.2/respond.min.js></script>
      <![endif]-->
   </head>
   <body>
      <script src="#"></script>
   </body>
</html>

DOCTYPE html

لإخبار المتصفح أن نوع الوثيقة المستخدمة في هذه الصفحة هي HTML5 وهو الإصدار الأحدث من لغة HTML


<!DOCTYPE html>

html

هذا العنصر يسمى بعنصر الجذر الرئيسي للصفحة


<html>
</html>

head

عنصر <head> من العناصر الهامة جدا والذي يجب إضافته بعد عنصر <html> مباشرة ويستخدم عنصر head لإضافة بيانات أو معلومات عامة عن الصفحة أو المستند ويشمل بعض العناصر الأساسية التي يجب أن تكون بداخل هذا العنصر مثل عنصر <title> لإضافة عنوان للصفحة والذي يظهر في علامة تبويب المتصفح وعنصر <link> ويمكن من خلاله ربط ملفات التنسيقات css الخارجية وعنصر <script> ويمكن من خلاله ربط ملفات البرامج النصية وتضمين شفرات الجافا سكريبت عند الحاجة لربط ملف البرامج النصية مثل الجافا سكريبت وأيضا عنصر <meta> والذى يحتوى على بعض المعلومات الأخرى للصفحة مثل تحديد ترميز الصفحة وإضافة الوصف والكلمات الدلالية ومعلومات عن الكاتب ...إلخ وجميع المعلومات التي تكون بداخل هذا العنصر head لا تظهر للمستخدم


<html>
<head>
<!-- البيانات الوصفية -->
</head>
</html>