بخش های صفحه html
صفحات وب این روزها فقط صفحات طولانی محتوا نیستند. آنها حاوی نوعی از قالب بندی که محتوا را در بخش های مختلف نشان می دهد، شبیه به نحوه یک روزنامه مقالاتی را ارائه می دهد. در یک روزنامه، معمولاً دو یا چند ستون وجود دارد.
محتوا، با هر ستون حاوی یک یا چند مقاله جداگانه. در قدیم، تلاش برای ایجاد این نوع چیدمان با استفاده از HTML تا حدودی بود . یک چالش. خوشبختانه، استاندارد HTML5 برخی از عناصر اساسی را تعریف می کند که تقسیم صفحات وب ما به بخش ها را آسان تر می کند. جدول زیر عناصر HTML5 را که برای تعریف بخش هایی از صفحه وب خود استفاده می کنید، فهرست می کند.
شرح | عنصر |
زیر بخش متن موجود در یک بخش | article |
محتوای مربوط به مقاله اصلی است، اما برای ارائه اطلاعات اضافی در کنار آن قرار داده شده است | aside |
گروه بندی محتوای سبک مشابه در یک مقاله | div |
محتوایی که در پایین صفحه وب ظاهر می شود | footer |
محتوایی که در بالای صفحه وب ظاهر می شود | header |
منطقه ناوبری به بازدیدکنندگان سایت اجازه می دهد تا به راحتی صفحات دیگر یا وب سایت های مرتبط را پیدا کنند | nav |
گروه بندی مقالات در سطح بالا | section |
اگرچه HTML5 بخشها را تعریف میکند، اما نحوه قرار دادن آنها توسط مرورگر در صفحه وب را مشخص نمیکند.
این بخش به استایل CSS واگذار شده است که من در مورد آن صحبت می کنم .
شما می توانید تقریباً هر ظاهر و احساسی را برای صفحات وب خود که می خواهید ایجاد کنید. اگرچه هیچ استانداردی وجود ندارد، برخی از قوانین اساسی وجود دارد که می توانید از آنها پیروی کنید هنگام تعیین موقعیت بخش ها در صفحه وب یک طرح بندی رایج را نشان می دهد که من مطمئن هستم که در بسیاری از وب سایت ها استفاده شده است.
تقریباً هر صفحه وب دارای یک بخش عنوان در بالای صفحه است که آن را برای بازدیدکنندگان سایت شناسایی می کند.
پس از آن، یک بخش میانی به سه منطقه جداگانه تقسیم می شود.
در سمت چپ اغلب یک بخش ناوبری وجود دارد که پیوندهایی به صفحات دیگر در وب سایت ارائه می دهد. در سمت راست اغلب اطلاعات اضافی وجود دارد یا در برخی موارد، آگهی ها. در وسط بخش میانی، محتوایی است که شما به بازدیدکنندگان سایت خود ارائه می دهید. در نهایت، در پایین صفحه وب یک است پاورقی، اغلب اطلاعات مربوط به حق چاپ و همچنین برخی از مخاطبین اصلی را شناسایی می کند.
اطلاعات برای شرکت عنصر div بخشی از نسخه های قبلی HTML است. اگر نیاز به کار با نسخه های قدیمی HTML دارید، به جای استفاده از عناصر بخش نامگذاری شده، باید از تگ <div> به همراه ویژگی id برای تعریف یک نام خاص استفاده کنید.
برای بخش:
<div id=”header”>
content for the heading
</div>
سبکهای CSS به مقدار ویژگی id برای تعریف سبکها و موقعیتیابی اشاره میکنند مورد نیاز برای بخش هنوز هم می توانید از این روش در HTML5 استفاده کنید. طراحان اغلب از عنصر div برای تعریف زیربخش هایی در مقالاتی استفاده کنید که به استایل خاصی نیاز دارند.
قوانین ارسال دیدگاه در سایت