مرحباً بك في عالمي! عمر الحربي شريكك التقني Omar Harbi Your Technical Partner

بنية ملف الـ HTML

بنية ملف الـ HTML

بنية ملف الـ HTML

html-semantico1

السلام عليكم ورحمة الله وبركاته

مرحباً بكم اعزائي من جديد, كنا تعرفنا في الدرس السابق على HTML واخذنا مقدمة عنها (اذا لم تطلع عليه تجد رابط الدرس في اخر الموضوع)واليوم نستكمل درسنا لنتعرف على بنية ملف HTML .

 

بداية. يتكون ملف HTML من جزئين رئيسيين هما :
1. الرأس Head : يحتوي على المعلومات الإضافية الخاصة بالصفحة مثل عنوان الصفحة والكلمات المفتاحية فيها وغيرها من الأمور الخاصة بالصفحة والتي لا تعتبر من ضمن المحتوى.
2. الجسم Body : وهو يحتوي على المحتوى الذي يراه المستخدم.
sshot-1

 

ففي المثال تم تحديد عنوان الصفحة (الذي يظهر في شريط العنوان للمتصفح) بإحاطته بـ </title>  و <title> والمكان الصحيح لوسم الـ <title> هو الرأس، حيث أن الوسم title لا يعتبر من ضمن محتوى الصفحة ولا يظهر في الصفحة، وتستخدمه  محركات البحث للتعرف، ولا يمكنك وضع وسوم تنسيق أخرى بين وسمي الـ title.
كذلك يوضع في الرأس وسم <script>  لإضافة برمجة الجافاسكربت في الصفحة. ومثله وسم <style>  لأضافة تنسيقات نمطية في الصفحة. يضع وسم <meta> لتحدد خصائص الصفات (مثل لغة الصفحة) في منطقة الرأس أيضا.
أما باقي الوسوم فأغلبها يوضع في منطقة الجسم body.

[ul_list icon=”tick”]

نقاط مهمة:

  •  لغة HTML لا تراعي حالة الأحرف من حيث كونها كبيرة أو صغيرة، أي أنه في الـ HTML لا يختلف وضع الوسم <b> عن <B>.
  •  يمكن إحاطة قيم الخصائص بعلامة إقتباس مزدوجة ( ” ) أو مفردة ( ‘ )، ويمكن أيضا عدم إحاطتها بأي منها بشرط أن تكون القيمة تتألف من كلمة واحدة فقط أي بدون مسافة فاصلة.
  •  بعض الأوسمة تحتاج إلى وسم إغلاق مثل (<b>Hello</b>) وبعضها لا تحتاج إلي وسم إغلاق مثل (<br>).
  •  قد وقد لا يحتوي وسم الفتح على خصائص إضافية، ولكن وسم الإغلاق لا يحتوي أبدا على هذه الخصائص.
  •  لغة HTML لا تراعي المسافات الزائدة، وتعتبرها جميعا مسافة واحدة، أي أن وضع مسافة واحدة بين كلمتين، يساوي وضع مسافتين أو أكثر، ويساوي وضع سطر جديد، ويساوي وضع علامة جدولة tab، كلها تترجم إلى مسافة واحدة فقط.
  •  توضع التعليقات بين <– و –!> أي أن المتصفح يتجاهل أي شيء بينهما وكأنه غير موجود.

[/ul_list]
[alertbox color=”blue” icon=”folder” icon_size=”32″]اذا فاتك الدرس السابق لا تقلق تستطيع الاطلاع عليه : مقدمة عن HTML لتصميم صفحات الانترنت[/alertbox]

 

* اذا كنت ترا هذا الموضوع مفيد يمكنك مشاركته بين اصدقائك عن طريق الرابط :
‪http://omarharbi.net/?p=2740‬

 

Bookmark and Share