ما هي علامة HTML مقابل عنصر HTML؟

هناك فرق بين هذين المصطلحين

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

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

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

لتعريف فقرة أو عنصر لإنشاء روابط. يستخدم العديد من الأشخاص المصطلحات والعلامة وعنصرًا بالتبادل ، وأي مصمم ويب أو مطور تتحدث معه سيفهم ما تقصده ، لكن الواقع هو أن هناك اختلافًا طفيفًا بين المصطلحين.

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

عندما تكتب HTML ، فأنت تكتب علامات HTML. تتكون جميع علامات HTML من عدد من الأجزاء المحددة ، بما في ذلك:

• أقل من علامة <
• كلمة أو شخصية تحدد العلامة التي تتم كتابتها
• أي عدد من سمات HTML الاختيارية في شكل زوج = "value"
• وأخيرا ، أكبر من علامة>

على سبيل المثال ، إليك بعض علامات HTML:

هذه كلها علامات فتح HTML ، دون أي سمات اختيارية مضافة إليها. تمثل هذه العلامات:

• - يحدد فقرة.

• - لتحديد الصفحة على هيئة HTML
• - يحدد التقسيم.

فيما يلي أيضًا علامات HTML:

• تتضمن هذه الأمثلة جميع السمات التي تمت إضافتها إلى علامات HTML الافتتاحية.

  • هي قائمة غير مرتبة تتضمن سمة معرف
    • القسم لديه سمة فئة
    • يشتمل عنصر الارتساء أو الرابط على السمة "href"
    • علامة الصورة ذات سمة "src"

    بالنسبة لعلامات الربط والرسومات ، تكون السمات في الواقع غير اختيارية ، وهي ضرورية لعرض تلك العلامات بشكل صحيح. يجب أن تخبر الارتباط أين تذهب (وهو ما يفعله "href") وصورة ما يتم عرضه (وهو ما توفره السمة "src").

    ما هي عناصر HTML

    وفقًا لمواصفات W3C HTML ، فإن العنصر هو العنصر الأساسي في HTML ويتكون عادة من علامتين : علامة الفتح وعلامة الإغلاق. حتى الآن نظرنا فقط إلى علامات الفتح ، والتي تبدأ العناصر. لإنهاء هذا العنصر ، تكتب علامات الإغلاق المقابلة.

    على سبيل المثال ، بالنسبة لعنصر الفقرة ، تكتب هذا:

    يتكون هذا من العلامة الافتتاحية التي رأيناها قبل لحظة بالإضافة إلى علامة الإغلاق - . علامات الإغلاق هي في الحقيقة مجرد علامة افتتاحية مكررة ، ولكن مع "شرطة مائلة للأمام" مضافة مباشرة بعد "أقل من الرمز".

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

    هذا هو المكان الذي تكتب فيه نص الفقرة التي تريد عرضها على صفحة الويب.

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

    عنصر آخر شائع يتضمن فقط علامة افتتاحية هو عنصر "image". فمثلا:

    لقد رأينا هذا المثال سابقًا ، ولكن لا توجد علامة إغلاق لعنصر الصورة هذا. سيقوم المتصفح ببساطة باستبدال هذا الرمز بالصورة المشار إليها في السمة "href". في هذه الحالة ، سيكون هذا "logo.png".

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

    المقالة الأصلية لجنيفر كرينين. حرره جيرمي جيرار في 7/21/17