پاسخ_سوال

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

در جواب سوال مطرح شده ی جلسه 2 در مورد اینکه چرا تگ a در ادامه ی strong افتاد ولی تگ h1 در ادامه ی تگ p نیوفتاده
طبق کلیدهای عناصر inline و block که استاد مطرح کردن در جلسه،تگ‌ها و عناصر موجود در html بصورت تاریخی به دودسته ی فوق تقسیم می‌شوند که بصورت پیشفرض عناصر از نوع block از خط جدید شروع میشن ولی عناصر از نوع inline از هر نقطه ای از خط می‌توانند شروع شوند.

در ادامه توضیحات جناب وحید میشه گفت که block Elements دوست دارن شروع کننده یک خط جدید از صفحه باشند و همچنین تمام کنند اون . یعنی به Inline Elements و حتی خودشون اجازه نمیدن که خط اون هارو ادامه بدن

(حتی مقداری از height صفحه رو هم تصرف میکنن!)

اما Inline Elements بر خلاف نوع دیگر تگ‌های قبلی رو ادامه میدن..مگر اینکه تگ قبلی بد اخلاق باشه(block Elements)

برای مثال عناصر block ( <p>و<div>و<h۱>تا<h۶>) عناصر Inline (<a>و<span>و<strong>)

<!DOCTYPE html>
<html>
 <body>
  <div>
   <strong> 
    Hello
   </strong>
  </div>
  <a>
   world
  </a>
 </body>
</html>

در مثال بالا Hello به world نمیچسبه.. چون تگ strong که Inline هست داخل تگ div که block هست قرار داره.. و تگ div به تگ strong خاصیت block داده اما اون height رو بهش نداده .

اما اگه به جای تگ strong تگ p بود و به جای تگ div تگ span بود .. تگ span هیچ تاثیری روی تگ p نداشت

ممنون از مدرس عالی و دانشجو هایی که به سوالات پاسخ میدن

بهترین پاسخ

LightMj ۲۰ شهریور ۱۴۰۰، ۱۵:۰۷