يتضمن الجزء الرئيسي من مستند HTML عادة عنوان الصفحة المحددة ، والذي يوفر معلومات حول الصفحة نفسها ، ويقوم بتحميل جدول النمط ، ويقوم بتحميل ملف JavaScript (لاعتبارات الأداء ، يتم وضع معظم الوقت في أسفل الصفحة <الصفحة < /body> تحميل قبل نهاية الملصق ينتهي JavaScript). باستثناء العنوان ، فإن المحتوى الموجود في الرأس غير مرئي لزوار الصفحة.
فيما يلي مثال على الجزء الرئيسي من وثيقة HTML:
<head> <meta charset = utf-8/> <meta name = uptor content = adam freeman/> <title> عنوان صفحتك </title> <base href = http: // titings/target = _ blank/> < نوع النمط = text/css> A {background-color ؛ عنصر العنوانيجب أن يحتوي عنصر الرأس على عنصر العنوان ، والذي سيظهر في علامة التبويب المتصفح أو أعلى نافذة المتصفح ، كعنوان صفحة الويب ومعرفة المتصفح.
عنصر قاعدةيتم استخدام العنصر الأساسي لتعيين عنوان URL القياسي لتحليل الروابط النسبية في مستند HTML على هذا الأساس. إذا لم يتم تحديد ذلك ، فاستخدم عنوان URL لمستند التحميل الحالي. يمكن للعنصر الأساسي أيضًا ضبط الطريق لفتح الرابط عندما ينقر المستخدم ، وكيف يتفاعل المتصفح عند إرسال النموذج.
<base href = http: // bjpowernode/leldings/target = _blank/>
1) HREF هو عنوان URL القياسي المحدد.
2) مكان فتح جميع الروابط على الصفحة ، بما في ذلك حيث يتم فتح السمة الهدف ، بما في ذلك القيمة:
1) _blank: افتح المستند المتصل في النافذة الجديدة ؛
2) _self: افتراضيًا ، افتح وثيقة الارتباط في نفس الإطار ؛
3) _Parent: افتح المستند المرتبط في الإطار الأصل ؛
4) _top: افتح وثيقة الارتباط في النافذة بأكملها ؛
5) FramEname: افتح وثيقة الارتباط في الإطار المحدد.
عنصر التعريفيتم استخدام عناصر التعريف لتحديد بيانات الوثائق المختلفة. عنصر الرأس.
حدد زوج البيانات الوصفية الاسم/القيمة<name meta = upiter confer
يتم استخدام سمة الاسم لتمثيل نوع البيانات الوصفية ، والتي توفر قيمة سمة المحتوى. تحتوي سمة الاسم على القيم التالية:
1) اسم التطبيق: اسم نظام تطبيق الويب الذي ينتمي إلى الصفحة الحالية ؛
2) المؤلف: اسم المؤلف للصفحة الحالية ؛
3) الوصف: تعليمات الصفحة الحالية ؛
4) المولد: اسم البرنامج المستخدم لإنشاء HTML ؛
5) الكلمات الرئيسية: صف محتوى الصفحة.
بالإضافة إلى أسماء البيانات الوصفية المذكورة أعلاه ، يمكنك أيضًا استخدام توسيع البيانات الوصفية. يتم استخدام بعض الامتدادات ، مثل بيانات تعريف الروبوتات.
<meta name = Robots Content = Noindex/>
تحتوي هذه السمة على قيم يتم التعرف على معظم محركات البحث:
1) Nondex: لا تقم بفهرسة هذه الصفحة ؛
2) noarchive: لا أرشفة أو ذاكرة التخزين المؤقت لهذه الصفحة ؛
3) nofollow: لا تستمر في البحث على طول الرابط في هذه الصفحة.
توفر معظم محركات البحث إرشادات لتحسين صفحات الويب أو مواقع الويب بأكملها ، ويمكنك عرض صفحات الويب أو إرشادات تحسين موقع الويب الذي يوفره محرك البحث المقابل.
رمز حرف الإعلان<meta charset = utf-8 />
إن ترميز الأحرف لمستند إعلان عنصر التعريف في عنصر الرأس هو UTF-8 (افتراضي).
محاكاة حقل رأس HTTPيمكن استخدام عناصر التعريف لمحاكاة أو استبدال قيمة ثلاثة حقول رأس HTTP.
<meta http-equiv = تحديث المحتوى = 5/>
إن استخدام سمة HTTP-UPEIV هو اسم اسم حقل الرأس الذي يحدد الرأس المحاكاة ، ويتم تحديد قيمة الحقل في خاصية المحتوى. القيمة الاختيارية لخاصية HTTP-UPEIV هي كما يلي:
1) التحديث: حدد فترة زمنية في ثوانٍ. يمكنك أيضًا تحديد عنوان URL بشكل منفصل لتحميل المتصفح ، مثل:
<meta http-equiv = refressh content = 5 ؛
2) النمط الافتراضي: حدد جدول النمط الذي يفضله الصفحة.
3) نوع المحتوى: طريقة أخرى لإعلان ترميز الأحرف المستخدمة في صفحة HTML ، مثل ::
<meta http-equiv = content-type content = text/html charset = utf-8/>عنصر النمط
حدد نمط CSS المضمن في وثيقة HTML.
<النمط = Text/CSS> A {Background-Color: Gray ؛تم تصميم نمط جديد للعنصر A. يمكن أن تظهر عناصر النمط في أجزاء مختلفة من مستندات HTML.
الوسائط التي يمكنها تحديد نمط لعناصر النمط:
<style media = screen و (min-width: 500px) type = text/css> ...... </style>
الشاشة الموجودة في سمة الوسائط هي نوع الجهاز ، ويتضمن نطاق القيمة الاختيارية:
1) الكل: استخدم النمط لجميع الأجهزة (القيم الافتراضية) ؛
2) AURAL: استخدم النمط لملف الصوت ؛
3) برايل: استخدم النمط لطلب الجهاز ؛
4) باليد: استخدم النمط للجهاز المحمول ؛
5) المشروع: استخدام أنماط لأجهزة العرض ؛
6) طباعة: عند استخدام نمط لطباعة صفحة المعاينة والطباعة ؛
7) الشاشة: استخدم النمط لشاشة عرض الكمبيوتر ؛
8) TTY: استخدم النمط لمعدات العرض المتساوية مثل آلات المرور الكهربائية ؛
9) التلفزيون: استخدم Style for TV.
(Min-Width: 500px) ميزات محددة في إسناد الوسائط ، بما في ذلك:
1) ارتفاع العرض: حدد عرض وارتفاع نافذة المتصفح ، وحدة PX ، على سبيل المثال: العرض: 200 بكسل
2) عروض الجهاز عالية الجهاز: حدد عرض وارتفاع الجهاز بأكمله (وليس فقط نافذة المتصفح) ، الوحدة PX ، على سبيل المثال: Min-Device-Height: 200px
3) الدقة: كثافة البيكسل للجهاز ، وحدة DPI (نقطة/بوصة) أو DPCM (نقطة/سم) ، على سبيل المثال: أقصى الدقة: 600dPI
4) الاتجاه: الاتجاه الطويل الحدود للجهاز المحدد ، والقيمة الاختيارية هي صورة ومناظر طبيعية
5) الجانب-راتيو-الجهاز-راتيو: حدد نسبة عرض البكسل في نافذة المتصفح أو الجهاز بأكمله ، على سبيل المثال: min-aspect-ratio: 16/9
6) لون أحادي اللون: حدد الأرقام الثنائية التي يشغلها كل بكسل على كل بكسل على اللون أو الجهاز بالأبيض والأسود ، على سبيل المثال: min-monochrome: 2
7) مؤشر اللون: عدد الألوان التي يمكن عرضها بواسطة الجهاز المحدد ، على سبيل المثال: Max-Color-IDEX: 256
8) المسح: حدد وضع المسح الضوئي للتلفزيون ، بما في ذلك القيمة التقدمية والترابية
9) الشبكة: نوع الجهاز المحدد ، قيمة الدعم هي 0 و 1 (1 تمثل جهازًا من نوع الشبكة ، باستخدام محتوى عرض الشبكة الثابتة)
عنصر الارتباطيتم استخدامه لإنشاء اتصال بين مستندات HTML والموارد الخارجية (مثل جداول نمط CSS). يحتوي عنصر الارتباط على 6 سمات محلية ، على النحو التالي:
1) HREF: حدد عنوان URL للموارد التي توجه إلى عنصر الارتباط ؛
2) Hreflang: اشرح اللغة المستخدمة في الموارد المرتبطة بها ؛
3) الوسائط: اشرح الجهاز المستخدم في المحتوى ذي الصلة ، وسمات الوسائط في النمط ؛
4) REL: نطاق العلاقة بين الوثيقة والموارد المرتبطة هو كما يلي:
--- البديل: النسخة البديلة من الرابط إلى المستند ، مثل ترجمة لغة أخرى ؛
--- المؤلف: مؤلف الرابط إلى المستند ؛
--- المساعدة: وثيقة الوصف متصلة بالوثيقة الحالية ؛
--- أيقونة: حدد موارد الأيقونة ؛
--- الترخيص: ارتباط بالترخيص ذي الصلة إلى المستند الحالي ؛
--- pingback: حدد خادم pingback ، والذي يمكن إخطاره تلقائيًا عند الارتباط من مواقع الويب الأخرى إلى المدونات ؛
--- الجلب المسبق: احصل على مورد مقدمًا ؛
--- ورقة الأنماط: تحميل جدول النمط الخارجي.
5) الأحجام: حدد حجم الرمز ؛
6) النوع: حدد نوع MIME للموارد المرتبطة ، مثل النص/CSS ، الصورة/X-ICON.
قم بتحميل جدول النمط الخارجي<link rel = typehelet type = text/css href = styles.css/>
يمكنك استخدام عناصر ارتباط متعددة لتحميل موارد خارجية متعددة.
حدد شعار الموقع للصفحة<link rel = hearcut icon href = favicon.ico type = image /x-icon />
عندما يتم تحميل المتصفح مع صفحة HTML ، سيتم تحميله وعرض شعار الموقع.
ملاحظة: إذا كان ملف شعار الموقع موجودًا في /favicon.ico (الدليل الجذر لخادم الويب) ، فلا داعي لاستخدام عنصر الارتباط. لا يوجد عنصر ارتباط.
مورد ما قبل Obtain
يمكن أن يُطلب من المتصفح الحصول على الموارد التي من المتوقع استخدامها قريبًا.
<link rel = pref beatch href =/page2.html/>
ملاحظة: لا تدعم جميع المتصفحات هذه الوظيفة حاليًا.
عنصر البرنامج النصيتستخدم لإضافة البرامج النصية على الصفحة ، يمكنك تحديد البرنامج النصي والرجوع إلى البرنامج النصي في المستند مباشرة. السمات المحلية التي يدعمها هذا العنصر هي كما يلي:
1) النوع: نوع البرنامج النصي المشار إليه أو المحدد ، لسمة البرنامج النصي JavaScript ، يمكن أن يحذف
2) SRC: حدد عنوان URL لملف البرنامج النصي الخارجي
3) تأجيل ASYNC (إضافة HTML5 جديدة): تعيين طريقة التنفيذ للنص ، لا يمكن استخدام هاتين السمة إلا مع سمات SRC
4) charset: اشرح ترميز الحرف المستخدم في ملف البرنامج النصي الخارجي ، والذي لا يمكن استخدامه إلا مع سمة SRC
حدد المستند في البرنامج النصي المضمن<script> document.write (هذا من البرنامج النصي) ؛
بشكل افتراضي ، سيتم تنفيذ المتصفح بمجرد مواجهة البرنامج النصي في الصفحة.
تحميل مكتبة النص الخارجييمكنك وضع البرنامج النصي في ملف منفصل ، ثم تحميل مستند HTML مع عناصر البرنامج النصي.
<script src = simple.js> </script>يستنفد تنفيذ البرنامج النصي
استخدم السمات ASYNC وتأجيلها للتحكم في طريقة التنفيذ في البرنامج النصي.
<script defer src = simple2.js> </script>
نظرًا لأنه سيتم تنفيذ HTML عندما يواجه برنامج نصي ، إذا كان البرنامج النصي الخاص بك يحتاج إلى استخدام المحتوى في البرنامج النصي HTML ، فعادة ما تحتاج إلى وضع البرنامج النصي في البرنامج النصي HTML المقابل ، ولكن في HTML5 ، يمكن تحقيق نفس الغرض مع التأجيل ملكية.
عندما يواجه المتصفح عناصر البرنامج النصي ، فإن السلوك الافتراضي هو تعليق صفحة المعالجة أثناء تحميل وتنفيذ البرنامج النصي ، ويتم تنفيذ كل عنصر نص برمجي بدوره. يمكن أن تكون سمات Async غير متزامنة وتنفيذ البرامج النصية أثناء مستند HTML المتصفح.
<script async src = simple2.js> </script>عنصر noscript
يتم استخدام عنصر noscript لعرض بعض المحتوى للمستخدمين الذين يعطون JavaScript أو المتصفحات لا يدعم JavaScript.
<Noscript> <h1> مطلوب JavaScript!
خيار آخر هو قيادته إلى عنوان URL آخر عندما لا يدعم المتصفح JavaScript.
<Noscript> <meta http-equiv = refresh content = 0 ؛