مدونة عربيكو : عنصر الجذر في لغة (html)

ماهو عنصر الجذر (Root) ؟ هو العنصر الأساسي في مستند (html)، فهو يمثل الحاوية التي تجمع كافة العناصر الاخري، فهو عنصر يحيط بجميع المحتوي الموجود في الصفحة، وهو العنصر الذي يساعد المتصفحات علي فهم هيكل الصفحة، (html) يتكون من أهم عنصرين يتبعانه كالابناء هما:
عنصر الرأس <head>وهو عنصر يهتم بالعناصر التي تحتوي علي بيانات الوصفية.
وعنصر الجسم <body>وهو عنصر يهتم بالعناصر التي تحتوي علي بيانات المرئية في الصفحة ظاهرة للمستخدم مثل الفقرات والروابط والصور والجداول والعناوين وغيرها من العناصر، يمثل عنصر الجذر بداية ونهاية مستند (html)،يستخدم سمة تحدد لغة الصفحة مثل lang وسمة أخري تحدد اتجاه النص في الصفحة مثل :dir وبعض السمات الاخري انظر مثال ادناه:

<html lang="ar" dir="ltr">

الاقسام الرئيسيه لعنصر الجذر

القسم الاول عنصر الرأس <head>

هو عنصر هام ومن العناصر الرئيسية، يحتوي علي عناصر تحتوي علي معلومات وصفية مثل:

<title> عنوان الصفحة الذي يظهر اعلي المتصفحات مثال :

<title>عنوان الصفحة</title>

او العنصر <style> :وهو عنصر يستخدم لكتابة خصائص لغة (Css)مثال :

<style>
body{color:#111;}
h2 {padding:5px;}</style>

اوعناصر ميتا <meta>الوصفية وهي مجموعة كبيرة تتحكم فيها سمات محددة تحدد نوع المعلومات الوصفية التي تحملها مثال :

<meta charset="UTF-8"/>

أو عناصر الروابط<link>: وهي عناصر تتحكم فيها سمات ايضا لتحديد نوع عنصر الرابط، مثل رابط لايقونة الصفحة التي تكون بجوار عنوان الصفحة وغيرها مثال :

<link href="...."/>

<script>....</script>

القسم الثاني عنصر الجسم <body>

وهو عنصر هام من العناصر الرئيسية يحتوي علي كافة المعلومات التي يراها المستخدم ويتفاعل معها مثل الفقرات والعناوين والروابط والصور والقوائم والجداول وغيرها وهذه أمثلة لبعض العناصر

■ عنصر الفقرة<p> عنصر يستخدم لإضافة فقرة نصية مثال

<p> هذه فقرة </p>

■ عنصر العناوين وهي ستة عناوين هي :
<h1> و <h2> و <h3> و <h4> و <h5> و <h6>
تستخدم العناوين داخل الصفحة مثال

<h2> هذا عنوان </h2>

■ عنصر الرابط <a>وهو عنصر يستخدم لإضافة رابط اي كان نوعه ولكن هذا العنصر يحتاج لسمة تحدد نوع الرابط مثال

<a href="...."> هذا رابط</a>

■ عنصر الصورة <img> ايضا يحتاج لسمة تحدد نوع رابط الصورة مثال

<img src="...."/> هذه فقرة </p>