يفتح
يغلق

ما الفرق بين العلامة الواحدة والعلامة المزدوجة؟ العلامات المقترنة. ما الجديد في HTML5 من حيث العلامات

05.10.2023 -
المعالجات والذاكرة

HTML (لغة ترميز النص التشعبي) هي لغة ترميز النص التشعبي. تُستخدم لغة الترميز لإعطاء هيكل لصفحة الإنترنت أو موقع الويب. لا تحمل لغة الترميز التصميم، ولكنها تؤدي مهام هيكلية. يتم تعيين البنية باستخدام عناصر خاصة - ملصقات مفهومة للمتصفح. تسمى هذه العلامات بالعلامات - من اللغة الإنجليزية. كلمات علامة - علامة مسماة.

النص التشعبي هو مستند تم ترميزه باستخدام لغة HTML. تمت صياغة مصطلح "النص التشعبي" في الأصل بواسطة تيد نيلسون للإشارة إلى النص "الذي يتفرع عن نفسه أو يقوم بإجراء عند الطلب".

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

دعونا نلقي نظرة على بنية مستند HTML بسيط

وثيقة

وثيقة

السلسلة تسمى علامة. بشكل عام، كل ما هو محاط بالأحرف يسمى علامة. هذه الرموز هي رموز خدمة بلغة HTML. هناك نوعان من العلامات:

  • مقترنة - تحتوي هذه العلامات على علامة فتح وعلامة إغلاق. تحتوي علامة الإغلاق على حرف مائل. تتم كتابة محتويات العلامة بين هذه العلامات. يمكن أن يكون محتوى العلامة نصًا عاديًا أو علامات متداخلة أخرى. أمثلة على العلامات المقترنة:
  • غير مقترنة - العلامات غير المغلقة. مثال:

يمكن كتابة العلامات بأحرف كبيرة أو صغيرة، حيث أن لغة HTML لا تفرق بين التهجئة. يجب عليك دائمًا إغلاق العلامات المقترنة!

من الجيد معرفة عدد كبير من العلامات والقدرة على التعامل معها. ليست هناك حاجة للخوف من هذا، فكل شيء سيتم تذكره وسيتناسب مع رأسك بمجرد أن تبدأ في تطبيق معرفتك عمليًا. سوف نتعرف على العلامات الرئيسية في سياق تدريبنا الإضافي. بشكل عام، يتوفر الآن عدد كبير من الكتب المرجعية حول HTML على الإنترنت، حيث يمكنك العثور على معلومات حديثة، لأن التقدم لا يقف ساكنًا، كما أن لغات البرمجة تتطور بسرعة وتصدر التحديثات تقريبًا كل ستة اشهر. ستجد أيضًا الحد الأدنى من العلامات التي سنحتاجها أثناء التدريب في ورقة الغش الخاصة بنا

دعونا نلقي نظرة على بنية مستند HTML:
  • - ما نوع هذه العلامة؟ هذا هو إصدار HTML المستخدم في هذه الصفحة. من المعتاد أن تبدأ جميع مستندات HTML بعلامة مماثلة. وهذا يعتبر من حسن الخلق. يخبر DOCTYPE المتصفح بإصدار HTML الذي تمت كتابة المستند به، حتى تتمكن جميع المتصفحات (وهناك الكثير منها الآن) من معالجة العلامات وعرض محتويات المستند بشكل صحيح. إذا لم يتم ذلك، فسيقوم المتصفح الافتراضي بتحديد إصدار المستند بشكل غير صحيح، ونتيجة لذلك قد يتم نقل كافة العلامات وعرضها بشكل غير صحيح في متصفحات مختلفة. في هذه الحالة، يشير DOCTYPE إلى إصدار HTML5.
  • - يتم وضع كل محتوى الصفحة بين هذه العلامات المقترنة، والتي تخبر المتصفح أن هذه صفحة HTML.
  • - قسم الخدمة (الرأس) الذي يستخدم لتوصيل الملفات والإعدادات الخارجية المسؤولة عن ظهور هذه الصفحة وإخراجها وتشغيلها. وفي أغلب الأحيان لا يتم عرض محتواها على الصفحة، باستثناء علامة العنوان. علامة العنوان - تحتوي على عنوان الصفحة، والذي يتم عرضه في علامة التبويب.
  • - كل ما يتم عرضه على الصفحة مكتوب في علامة الجسم.

لتوسيع وظائف HTML، تتم إضافة معلومات خاصة تسمى السمات إلى العلامات. لذلك في السطر:

مجموعة الأحرف = "UTF-8" - السمة. يمكن أن يكون هناك العديد من السمات. تتم كتابة السمات مفصولة بمسافات. في هذه الحالة، باستخدام علامة HTML التعريفية، تتم الإشارة إلى ترميز UTF-8 على الصفحة. أولئك. يتم إخبار المتصفح بترميز هذا المستند لعرض محتويات الصفحة بشكل صحيح.

تُستخدم السمات لتوسيع وظائف العلامات وتسمح لك بتعديل طريقة عرض العلامات على الصفحة وسلوكها. لا يتم استخدام جميع العلامات لعرض المعلومات، فهناك علامات تستخدم فقط لبرمجة سلوك الصفحة، على سبيل المثال باستخدام JavaScript.

أسئلة للتحكم في النفس
  • ما هو النص التشعبي؟
  • ما هي الحاجة لاستخدام HTML؟
  • ما هو ترميز الصفحة؟ لماذا يتم استخدامه؟ أين يمكنك تغيير الترميز في المتصفح؟
  • ما هي أنواع الصفات التي تعرفها؟
  • ما هي العلامات؟ وكيف تختلف عن الصفات؟
  • ما هي العلامات التي يجب أن تحتوي عليها صفحة HTML؟

    • تم تطوير نص الدرس بالاشتراك مع Kamenschik M.

    العلامة هي كلمة محجوزة خاصة محاطة بأقواس زاوية (على سبيل المثال، ). العلامة هي المكون الرئيسي لـ HTML: يبدأ الكود بها، وينتهي بها، والمعلومات المعروضة على صفحة الويب موجودة داخل العلامات. يوصى بكتابتها بأحرف صغيرة، أي بأحرف صغيرة عادية: لا، ولكن.

    ما هي أنواع العلامات؟

    يتم إقران معظم علامات HTML: هناك علامة فتح (على سبيل المثال، ) وعلامة إغلاق، والتي يتم تمييزها عن علامة الفتح بشرطة مائلة (/) بعد قوس الزاوية الأول (على سبيل المثال، ). كل ما هو موجود داخل زوج من العلامات يسمى محتواها.

    المحتويات يصبح النص الموجود داخل هذه العلامات غامقًا

    هناك أيضًا علامات غير مقترنة (مفردة)، تسمى العلامات. إنهم، على عكس العلامات المقترنة، لا يحتاجون إلى الإغلاق، لأنهم لا يعملون مع المحتوى، ولكنهم يقومون ببعض الوظائف بمفردهم. مثال لعلامة واحدة -
    . يقوم بتعيين النص ليلتف في السطر التالي.

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

    تتكون أي علامة من:

    • قوس الزاوية المفتوحة (< ).
    • كلمة خاصة (اسم العلامة). على سبيل المثال، hr، iframe، b .
    • قوس زاوية الإغلاق (>).
    علامات HTML الأساسية

    نظرًا لأن العلامات هي أساس لغة الترميز، فليس من المستغرب أن يكون هناك الكثير منها. دعونا نلقي نظرة على العلامات الرئيسية والأكثر أهمية.