<div>
<nav>
<ul>
<li>
</li>
</ul>
</nav>
</div>
إشرحلي هذه الوسوم header - div - nav - ul - li بشكل بسيط
- div & span : هي عبارة عن وسوم بدون semantic تستعمل فقط لتقسيم الصفحة و عمل ال layout
ال div عبارة عن block display element و ال span عبارة عن inline display element
- nav : في ال html5 تمت إضافة العديد من الوسوم الجديدة قصد التحسين في ال semantic اي دلالة العنصر وماهو دوره في الصفحة منها ال header, footer, article, section, main and nav ... في الحقيقة هذه الوسوم ليس لديها اي تاثير على الشكل الا انها تؤثر على دلالة الصفحة و على تعامل محركات البحث مع الصفحات الخاصة بكَ مثلا عندما يجد وسم ال nav سيعرف انه الذي داخل الوسم عبارة عن navbar...
قبل ال html5 كان تقسيم الصفحة يكون عبر
<'div class='nav> , <'div class='main> , <'div class='header> وهكذا ...
- ul : عبارة عن un-ordered list اي قائمة غير مرتبة يعني العناصر التي في القائمة ستكون على شكل :
• عنصر 1
• عنصر 2
...
على عكس ال ol اي ordered list التي ستنتج لك قائمة بهذا الشكل
1- عنصر 1
2- عنصر 2
بالنسبة لل li هي عبارة عن عنصر في قائمة ul كانت او ol
بالتوفيق
التعليقات