إشرحلي هذه الوسوم header - div - nav - ul - li بشكل بسيط

               <div>
                          <nav>
                                       <ul>
                                                <li>

                                                </li>
                                       </ul>
                          </nav>
                </div>

  • 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

بالتوفيق

في الحقيقة هذه الوسوم ليس لديها اي تاثير على الشكل الا انها تؤثر على دلالة الصفحة و على تعامل محركات البحث مع الصفحات الخاصة بكَ

أضيف على قولك أن متصفح فايرفوكس يتيح وضع القراءة فقط، و هو يستخدم الوسم ليتعرف على ما يريد أن يقرأه المستخدم ثم يخفي أي محتوى في الصفحة عدا ذلك الموجود داخل وسم

شكرا لك أوفيت وأكفيت

العفو :)