طراحی وب سایت طراحی قالب وردپرس سئو
ساختار صفحات وب با HTML5
در گذشته از تگ هاي ساختاري HTML در طراحی وب سایت خبري نبود و معمولا براي ساختار و چارچوب صفحات وب سايت از تگ div به دفعات زياد استفاده مي شد و بخش بندي سايت تنها با تگ div انجام مي شد.اما با ارائه HTML5 در طراحی وب سایت اين كار عملا ديگر كاربري ندارد.
با HTML5 مي توان به خوبي ساختار صفحات را در طراحی وب سایت را مشخص كرد.
برخی از برچسب ها پركاربرد صفحات وب با HTML5 :
article
يك مقاله و يا پست را معرفي مي كند.
aside
بخش 'کناري' از محتوای صفحه. به عنوان مثال: ستون سمت راست و یا چپ
figure
این تگ می تواند چیزهایی مانند عکس ها، تصاویر، لیست، نمودارها، نمايش بدهد.
figcaption
عنوان آیتم هاي figure
footer
پانوشت سايت
header
سربرگ سايت
nav
منوي ناوبري
section
هر بخش ايجاد شده بر روی صفحه،شبیه به تگ DIV عمل مي كند البته با قدرت کمتر.
time
این برچسب تاریخ و یا زمان را مشخص مي كند.
استايل دهي ساختار صفحات وب :
section {
width: 980px;
margin: 0 auto;
}
header {
padding: 10px;
background: silver;
}
nav {
define your nav here;
}
aside {
float: left;
width: 275px;
}
البته هنوز هم مي توانيد براي كنترل تگ ها از id و class استفاده كنيد.
#wrapper {
define your wrapper;
}
.content {
تعريف محتواي اصلي (or section - or division);
}
امیدواریم این مقاله آموزشی کوتاه طراحی وب سایت برای شما عزیزان مفید بوده باشد از اینکه با ما بودید سپاسگزاریم.
هیچ نظری موجود نیست:
ارسال یک نظر