تگ wrapper چیست و چه کاربردی دارد ؟
تگ wrapper چیست و چه کاربردی دارد ؟
تگ wrapper که نداریم ولی توی طراحی معمولا از یک div با id=wrapper استفاده می کنن که تمام عناصر صفحه رو توی اون قرار می دن!
چرا ؟ به چه دردی میخوره ؟نوشته شده توسط 2undercover
برای اینکه عناصر رو بتونیم با نظم توی body قرار بدیم!
مثلا اگر بخوایم عناصر رو در وسط صفحه قرار بدیم اون هارو توی wrapper می زاریم و این استایل رو بهش می دیم:
#Wrapper
{
margin: auto;
}
اين روش نوشتن به سبك معناگرامعروف هستش كه براي سبك دهي درhtml5 استفاده ميشه براي اينكه صفحه ماپرنشه ازDIV هاي بي معنا وبراي جلوگيري ازشلوغ شدن صفحه ازاين روش استفاده ميشه همان كاربلوك بندي راانجام ميده ولي بامعناي خاص ومشخص كردن كدام قسمت ازصفحه
با سلام.
در طراحی وب اصولا محتوایی که استفاده می شود در چهارچوب خاصی قرار می گیرد (در اینجا منظور از طراحی کد نویسی html می باشد).
برای این که طراحی زیباتری داشته باشیم باید صفحه ای را که در اختیار داریم ، بصورت قسمت قسمت (division) یا همان div در آوریم تا کنترل بیشتری روی طراحی هر یک از قسمت های صفحه مورد نظر داشته باشیم.
یکی از این نوع طراحی ها طراحی کل به جز است به صورتی که ابتدا یک چارچوب اصلی (Wrapper) داریم که زیر مجموعه آن از قسمت های مختلفی تشکیل شده است مانند haeder , nav , sidebar , content &...
که بسته به نیاز ممکن است همین اجزا نیز به جزء های کوچکتری تقسیم شوند.
در اینجا Wrapper حکم چارچوب اصلی کار را دارد که برای مثال اگر بخواهیم خواصی از CSS را روی کل اجزا پیاده سازی کنیم با توجه یه شاناسه ای (ID) که دارد ، میتوان این کار را انجام داد.
امیدوارم پاسخ خود را دریافت کرده باشید.
اگر نقطه ابهامی وجود داشت در مطرح کنید.
با سپاس
قوانین ایجاد تاپیک در تالار
پاسخ با نقل قول