رفتن به مطلب

سوال درباره فاصله گذاری بین تگ ها


rasssa
برو به راه حل توسط Masih حل شده,

پست های پیشنهاد شده

سلام خسته نباشید. ببخشید من تازه دوره کدنویسی شروع کردم و تو دوره ها میگن میرن و اصلا نمیگن چی به چی شد و یه عده با تمرین یاد میگیره و یه عده میمونه مختومه میشه. چون علاقه دارم بهش حتما میخوام یاد بگیرم همه چیز رو کامل

سوالم خیلی برای شما ممکنه ساده باشه اما من چرایی اش نمیدونم اگه لطف کنید بگید

وقتی ی لیست میخوایم بنویسیم از <ui> و <li> استفاده میکنیم و من سوالم اینجاس کجا باید دقیقا اینتر بزنیم و اگر نزنیم چه اتفاقی میافته وقتی تعداد موارد ززیاد میشه مثلا


مثال اش تو عکس زدم و خروجی کار یکی هست اما مثلا اینجا اینتر بزنیم نزنیم چه فرقی میکنه ؟

لینک ها تنها برای اعضای سایت قابل نمایش است.

لینک ها تنها برای اعضای سایت قابل نمایش است.

ویرایش شده توسط rasssa
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • rasssa عنوان را به ​سوال درباره فاصله گذاری بین تگ ها تغییر داد
  • مدیر انجمن
  • راه حل
در 23 دقیقه قبل، rasssa گفته است :

مثال اش تو عکس زدم و خروجی کار یکی هست اما مثلا اینجا اینتر بزنیم نزنیم چه فرقی میکنه ؟

 

درود؛

برای سوال اول، باید بگم که تفاوتی نداره.فاصله بین تگ ها توی محتوای خروجی تأثیری نمیگذاره. کناره هم چیدن المنت ها باعث کاهش حجم فایل صفحه میشه. به هر حال این کدی که میگید به چند صورت میشه نوشت:

حالت اول: سطری

<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li><li>Item 4</li></ul>

حالت دوم: درختی

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li> 
</ul>

حالت سوم: بهم ریخته

<ul>
  <li>Item 1</li><li>Item 2</li>
  
  
  		<li>Item 3</li>
  <li>Item 4</li> 
</ul>

توی سه حالت قبل خروجی کد دقیقا مشابه هست. یعنی منظم نوشتن یا درهم نوشتن کدها یا فاصله دادن های بی مورد و بسیار طولانی بین هر ردیف، هیچ تأثیری توی خروجی نداره.

دمو:  لینک ها تنها برای اعضای سایت قابل نمایش است.

حالت چهارم: کاملا باز شده:

<ul>
  <li>
    Item 1 - اینجا هرچی میخوای بنویس
  </li>
  <li>Item 2</li>
  
  
  <li>Item 3</li>
  <li>Item 4</li> 
</ul>

حالت پنجم: زیرشاخه دار"

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

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
       <ul>
          <li>Item 1</li>
          <li>Item 2</li>
       </ul>
  
  <li>Item 3</li>
  <li>Item 4</li> 
</ul>

نمونه:  لینک ها تنها برای اعضای سایت قابل نمایش است.

 

در ضمن اگه درحال یادگیری هستید، حتما همه تگ ها رو در جای خودشون وارد کنید و جای خودشون ببندید. سعی کنید برای فهم بهتر، تگی که اول سطر باز شده، برای راحتی کار چون تازه شروع کردید، تگ بستنش هم چندین سطر پایین تر قشنگ در راستای همون تگ اول باشه که بدونید دارید کدوم تگ رو می بندید. داخل این کد هرچی می نویسید مرحله دار یا عمق دار بنویسید. مثلا چند فاصله قبل عناصر بذارید و حالت اونها رو تنظیم کنید. برای درک بهتر خدمتتون عرض می کنم.

 

  • Like 2
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در ۱ ساعت قبل، Masih گفته است :

درود؛

برای سوال اول، باید بگم که تفاوتی نداره.فاصله بین تگ ها توی محتوای خروجی تأثیری نمیگذاره. کناره هم چیدن المنت ها باعث کاهش حجم فایل صفحه میشه. به هر حال این کدی که میگید به چند صورت میشه نوشت:

حالت اول: سطری


<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li><li>Item 4</li></ul>

حالت دوم: درختی


<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li> 
</ul>

حالت سوم: بهم ریخته


<ul>
  <li>Item 1</li><li>Item 2</li>
  
  
  		<li>Item 3</li>
  <li>Item 4</li> 
</ul>

توی سه حالت قبل خروجی کد دقیقا مشابه هست. یعنی منظم نوشتن یا درهم نوشتن کدها یا فاصله دادن های بی مورد و بسیار طولانی بین هر ردیف، هیچ تأثیری توی خروجی نداره.

دمو:  لینک ها تنها برای اعضای سایت قابل نمایش است.

حالت چهارم: کاملا باز شده:


<ul>
  <li>
    Item 1 - اینجا هرچی میخوای بنویس
  </li>
  <li>Item 2</li>
  
  
  <li>Item 3</li>
  <li>Item 4</li> 
</ul>

حالت پنجم: زیرشاخه دار"

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


<ul>
  <li>Item 1</li>
  <li>Item 2</li>
       <ul>
          <li>Item 1</li>
          <li>Item 2</li>
       </ul>
  
  <li>Item 3</li>
  <li>Item 4</li> 
</ul>

نمونه:  لینک ها تنها برای اعضای سایت قابل نمایش است.

 

در ضمن اگه درحال یادگیری هستید، حتما همه تگ ها رو در جای خودشون وارد کنید و جای خودشون ببندید. سعی کنید برای فهم بهتر، تگی که اول سطر باز شده، برای راحتی کار چون تازه شروع کردید، تگ بستنش هم چندین سطر پایین تر قشنگ در راستای همون تگ اول باشه که بدونید دارید کدوم تگ رو می بندید. داخل این کد هرچی می نویسید مرحله دار یا عمق دار بنویسید. مثلا چند فاصله قبل عناصر بذارید و حالت اونها رو تنظیم کنید. برای درک بهتر خدمتتون عرض می کنم.

 

خیلی خیلی ممنونم از راهنمایی شما! چشم حتما توصیه شما رو فراموش نمیکنم واقعا عالی روشن شدم!

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...