مرحباً
- الوسم <Div> أحد أوسمه html وهو إختصار للكلمة Division وتعنى تقسيم او توزيع ـ وعموما يستخدم هذا الوسم بالصفحات التى تعتمد في التنسيق على css لتقسيم الصفحات والمحتويات الى أجزاء منفصلة بدلاً من الجدوال ..
ويكون بهذا الشكل لو حددنا به فقرة مثلا :
كود HTML:
<div>
<p>Welcome</p>
</div>
ويتميز ان المتصفح يفهمه بسرعه ويعرض محتوياته مباشرة بدون إنتظار تحميلة بالكامل عكس الجدوال بالإضافة انك يمكنك التحكم بكل <div> بشكل منفصل وتعطى لها خصائص عرض خاصة مثال :
كود HTML:
<div class="style">
<p>Welcome</p>
</div>
وهذا الوسم يصنف ضمن الـ Block Elements والـ Block Elements .. فيها يفصل كل عنصر بشكل مستقل عموديا ـ واحد تلو الآخر أى ان الوسم الذى ينتمى لهذه المجموعه سيكون مابداخله عبارة كتله واحده في سطر مستقل ـ ومثال على ذلك الفقرات <p> والعناوين <h1 , h2 , h3 ....>
اى انه لو كتب بهذا الشكل مثلا ..
كود HTML:
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
<div>xxxxxxxxx</div>
سيعرض داخل المتصفح في 3 سطور منفصلة ..
عكس ذلك الأوسمة التى تنتمي الى Inline Elements .. ولها نفس التعريف السابق ولكنها تأخذ الوضع الأفقي بالتجانب ومثال على ذلك الوسم <span> والأوسمة <b> و <i> والوصلات <a> ..... مثال :
كود HTML:
<span>xxxxxxxxx</span>
<span>xxxxxxxxx</span>
<span>xxxxxxxxx</span>
عند الظهور على المتصفح يظهروا وكأنهم بسطر واحد.
وعن طريق اوامر css يمكننا ان نتحكم فى تلك العناصر والتغير من خصائصها بتحويلها من inline الى block والعكس ـ إذا كان الوسم ينتمي الى فئه أخرى وحسب ماتحتاج لتوزيع موقعك
والوسم <div> متعدد الإستخدام اى انه يمكن ان تدرج به مباشرة نصوص او صور وغيرها الكثير ...
ولكن مع كل هذا لا يفضل أبداً إستخدامه بغير مكانة أو الإسراف بوضعه وتستخدم بدلاً عنه وسوم html المختلفة كل في مكانها الصحيح فإن إدرجت فقرة <p> أو عنوان <h1 , h2 , h3 ....> الخ... فهي يمكن ان تعطي نتائج أفضل من <div>
تقبل التحيه :nice: