تصميم الويب ، مثل أي صناعة أو مهنة ، لديه لغة خاصة به. عندما تدخل هذه الصناعة وتبدأ بالتحدث إلى نظرائك ، ستواجه بلا شك سلسلة من العبارات والعبارات الجديدة بالنسبة لك ، والتي تتدفق من ألسنة زملائك من محترفي الويب. اثنين من المصطلحات التي ستسمعها هي "علامة" HTML و "عنصر".
كما تسمع هذين المصطلحين المنطقيين ، قد تدرك أنه يتم استخدامها بشكل تبادلي إلى حد ما. على هذا النحو ، فإن السؤال الذي يطرحه العديد من محترفي الويب الجدد عند بدء العمل باستخدام شفرة HTML هو "ما الفرق بين علامة HTML وعنصر HTML؟"
في حين أن هذين المصطلحين متشابهين في المعنى ، إلا أنهما ليسا مرادفين بالفعل. إذن ما هو التشابه مع هذين المصطلحين؟ الإجابة المختصرة هي أن كلا من العلامات والعناصر تشير إلى الترميز المستخدم لكتابة HTML. على سبيل المثال ، قد تقول أنك تستخدم
علامة لتحديد فقرة أو عنصر لإنشاء روابط. يستخدم العديد من الأشخاص المصطلحات والعلامة وعنصرًا بالتبادل ، وأي مصمم ويب أو مطور تتحدث معه سيفهم ما تقصده ، لكن الواقع هو أن هناك اختلافًا طفيفًا بين المصطلحين.
علامات HTML
HTML هي لغة ترميزية ، مما يعني أنها مكتوبة برموز يمكن قراءتها من قبل شخص بدون الحاجة إلى تجميعها أولاً. بعبارة أخرى ، يتم ترميز النص الموجود على صفحة الويب بهذه الرموز لإعطاء إرشادات متصفح الويب حول كيفية عرض النص. علامات التمييز هذه هي علامات HTML نفسها.
عندما تكتب HTML ، فأنت تكتب علامات HTML. تتكون جميع علامات HTML من عدد من الأجزاء المحددة ، بما في ذلك:
- أقل من تسجيل
<
- كلمة أو شخصية تحدد العلامة التي تتم كتابتها
- أي عدد من سمات HTML الاختيارية في شكل
اسم = "قيمة" زوج
- وأخيرا ، أكبر من التوقيع
>
على سبيل المثال ، إليك بعض علامات HTML:
هذه كلها علامات فتح HTML ، دون أي سمات اختيارية مضافة إليها. تمثل هذه العلامات:
-
- يحدد فقرة
-
- يحدد الصفحة على هيئة HTML
-
- يعرف التقسيم
فيما يلي أيضًا علامات HTML:
-
-
- ال
- هي قائمة غير مرتبة تتضمن سمة معرف
- القسم لديه سمة فئة
- يشتمل عنصر الارتساء أو الرابط على السمة "href"
- علامة الصورة ذات سمة "src"
تتضمن هذه الأمثلة جميع السمات التي تمت إضافتها إلى علامات HTML الافتتاحية.
بالنسبة لعلامات الربط والرسومات ، تكون السمات في الواقع غير اختيارية ، وهي ضرورية لعرض تلك العلامات بشكل صحيح. يجب أن تخبر الارتباط أين تذهب (وهو ما يفعله "href") وصورة ما يتم عرضه (وهو ما توفره السمة "src").
ما هي عناصر HTML؟
وفقا لمواصفات W3C HTML ، أ جزء هو العنصر الأساسي الأساسي في HTML ويتكون عادةً من اثنين من العلامات : علامة افتتاحية وعلامة إغلاق. حتى الآن نظرنا فقط إلى علامات الفتح ، والتي تبدأ العناصر. لإنهاء هذا العنصر ، تكتب علامات الإغلاق المقابلة.
على سبيل المثال ، بالنسبة لعنصر الفقرة ، تكتب هذا:
يتكون هذا من العلامة الافتتاحية التي رأيناها قبل لحظة بالإضافة إلى علامة الإغلاق - تحتوي جميع عناصر HTML تقريبًا على علامة افتتاحية وعلامة إغلاق. تحيط هذه العلامات بالنص الذي سيتم عرضه على صفحة الويب. على سبيل المثال ، لكتابة فقرة من النص ، تكتب النص ليتم عرضه على الصفحة ثم تحيطه بهذه العلامات: هذا هو المكان الذي تكتب فيه نص الفقرة التي تريد عرضها على صفحة الويب. بعض عناصر HTML لا تحتوي على علامة إغلاق. تسمى هذه "العناصر الفارغة". في بعض الأحيان ، يشار إليهم أيضاً بعناصر "singleton" أو "void". من السهل استخدام العناصر الفارغة لأنك تحتاج فقط إلى تضمين علامة واحدة في صفحة الويب الخاصة بك وسيعرف المتصفح ما يجب فعله. على سبيل المثال ، لإضافة فاصل أسطر مفرد إلى صفحتك ، يمكنك استخدام عنصر آخر شائع يتضمن فقط علامة افتتاحية هو عنصر "image". فمثلا: لقد رأينا هذا المثال سابقًا ، ولكن لا توجد علامة إغلاق لعنصر الصورة هذا. سيقوم المتصفح ببساطة باستبدال هذا الرمز بالصورة المشار إليها في السمة "href". في هذه الحالة ، سيكون هذا "logo.png". بشكل عام ، عندما نشير إلى عنصر أو علامة HTML ، سنستخدم مصطلح "عنصر" للإشارة إلى أننا نشير إلى جميع أجزاء العنصر (كلتا علامتي الفتح والإغلاق). نحن نستخدم فقط "tag" عند الإشارة إلى واحد فقط أو آخر. هذا هو الاستخدام الصحيح لهذين المصطلحين ، ونحن نشجعك على استخدامها بشكل صحيح - ولكنك تعرف فقط أنك إذا انزلقت أو تبادلتهم قليلاً ، فسيظل فهمك من نظرائك في تطوير الويب الجديد!
العلامة.
