آراد
3 سال پیش توسط آراد مطرح شد
4 پاسخ

دلیل استفاده از div - container چیه

سلام دوستان
میخواستم بدونم ما چرا از "div="container استفاده میکنیم؟
مگه تگ body چه مشکلی داره که ما آیتم های خودمون رو داخل div میذاریم؟


ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 3 سال پیش مطرح شد
1

برچسب body، پس زمینه اصلی صفحه شما را شامل میشه.
معمولا به کمک container (نگهدارنده)، محتوای داخلی صفحه را همراه با حاشیه مناسب از دو طرف صفحه قرار می دهیم. طول کل صفحات وب در نمایشگرهای بزرگ زیاد است و مناسب خوانش نیست، حاشیه ها به ما کمک می کنند تا اندازه مناسب تری را برای صفحات وب ایجاد کنیم.
در این صورت، شما می تونید به body رنگ مناسبی هم دهید و محتوای صفحه را از محتوای پس زمینه مجزا کنید.


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 3 سال پیش آپدیت شد
1

container یک کلاس پیش فرض هست که توی اکثر فریمورک های فرانت مثه بوتسرپ و سایر.. یک width و یا padding, margin, min-width, max-width و غیره.. براش در نظر گرفته شده که شما میتونید برای اینکه المان های دیگه رو توی اون container جایگذاری کنی و اینکه شما براحتی روی کارهای دیگه فرانتتون فوکوس کنید .

خودت هم میتونی یک container دلخواه بسازی ولی خب وقت مهمتره

توضیح تصویر رو وارد کنید


عبدالرحمان کیانی
تخصص : Backend developer
@abdolrahman 3 سال پیش آپدیت شد
0

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

<html>
<head>
    <style>
    .container {
        width:90% ;
        margin: auto;
    }
</style>
</head>
<body>
    <div class="container">
        <h1> hello world! </h1>
    </div>
</body>
</html>

میبینید که محتوا از کنار مقداری فاصله گرفته
تا جایی که من میدونم اینجوریه


عرفان محسنی
تخصص : back-End developer
@erfanmohseni406 3 سال پیش مطرح شد
1

سلام
همونطور که دوستان در بالا توضیح دادند
body بدنه ی کلی اطلاعاتی هست که ما به کاربر نشون میدیم و ما باید این بنده ی کامل به قسمت های دیگه تبدیل کنیم تا بتونیم اطلاعاتون رو به کاربر نمایش بدیم
وقتی از container استفاده میکنید میاد از بغل ها صحفه میزنه و محتوا رو وسط نشون
ولی containerf-fluid همه ی بخش رو نگه میداره و محتوا رو در کل صحفه نمایش میده
امیدوارم که منظورم رو گرفته باشید
موفق باشید.


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 3 سال پیش مطرح شد
1

برچسب body، پس زمینه اصلی صفحه شما را شامل میشه.
معمولا به کمک container (نگهدارنده)، محتوای داخلی صفحه را همراه با حاشیه مناسب از دو طرف صفحه قرار می دهیم. طول کل صفحات وب در نمایشگرهای بزرگ زیاد است و مناسب خوانش نیست، حاشیه ها به ما کمک می کنند تا اندازه مناسب تری را برای صفحات وب ایجاد کنیم.
در این صورت، شما می تونید به body رنگ مناسبی هم دهید و محتوای صفحه را از محتوای پس زمینه مجزا کنید.


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

ورود یا ثبت‌نام