عناصر HTML5 | دروس HTML5

عناصر  HTML

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


تتضمن عناصر HTML علامة البداية وعلامة النهاية وأي شيء بينهما:

<tagname>Content goes here...</tagname>

في نموذج التعليمات البرمجية ، يمكنك رؤية عنصر الفقرة:

<p>My first paragraph.</p>

العناصر المتداخلة في HTML

العناصر المتداخلة هي عناصر يمكنها استيعاب عناصر أخرى. لاحظ مثال الكود التالي:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>



في مثال الكود أعلاه ، عنصر <html> هو عنصر متداخل لأنه يحتوي على عنصر <body>. 

وبالمثل ، فإن العنصر <body> هو عنصر متداخل لأنه يحتوي على العناصر <h1> و <p>.


لا تنس العلامة النهائية

على الرغم من أنه في بعض عناصر HTML يمكنك تخطي علامة النهاية ، إلا أنه لا يوصى بذلك على الإطلاق لأنه يؤدي أحيانًا إلى نتائج غير متوقعة:

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>


يعمل مثال الكود أعلاه بسلاسة في المتصفح ، ولكن من الأفضل تضمين العلامة النهائية.


العناصر الفارغة في HTML

تسمى عناصر HTML التي لا تحتوي على محتوى داخلي بالعناصر الفارغة. 

يمكن إغلاق العناصر الفارغة في نفس العلامة الأولية ، على سبيل المثال: </br>.

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


اكتب العلامات بأحرف صغيرة

في HTML5 ، لا تكون العلامات حساسة لحالة الأحرف ، مما يعني أنه لا يهم إذا قمت بكتابتها بأحرف صغيرة أو كبيرة.

يوصى باستخدام الأحرف الصغيرة لكتابة العلامات.


كلمات مفتاحية: