ساختار استاندارد کدها در قالب html

از مهم ترین زبانهای برنامه نویسی و کد نویسی در طراحی قالب وردپرس و کلا در طراحی سایت زبان سمت کاربر html می باشد اگر به درستی و به صورت استاندارد این زبان را فرا بگیرید می توانید سایتهای بهینه و دارای سئو بالا طراحی کنید در این مطلب از روناک وب نحوه کد نویسی استاندارد برای تشکیل ساختار استاندارد کدها در قالب html را فرا خواهید گرفت، کدهای نوشته شده نسخه html 5 هستند تا پایان همراه ما باشید.

 

ساختار استاندارد کدها در قالب html از نظر سئو

عموما ساختار اصلی قالبهایی که از نسخه html 5 استفاده می کنند شبیه به کدهای زیر می باشد، در کد زیر قالب دو ستونه می باشد که دارای ستون راست و یک ستون برای نمایش مطالب است.

 

<!DOCTYPE html>
<html>
<head>
    <title>روناک وب</title>
</head>
<body>
 
<header></header>
 
 

 
 

<footer></footer> </body> </html>

 

در مطالب آینده هر کدام از تگها توضیح داده خواهند شد فعلا به تشریح ساختار استاندارد کدها در قالب html می پردازیم. در html 5 هر صفحه خود دارای تگ های header و footer می باشد که نشان دهنده سر صفحه و پانوشت صفحه می باشند که اجزاء مورد نمایش در بالاترین بخش قالب در تگ header و اجزاء مورد نمایش در پایین تر سطح قالب در تگ footer قرار می گیرند این بخشها معمولا در تمام صفحات سایت ثابت هستند.

 

در این کدها از یک ستون برای نمایش ابزارک های سایت استفاده شده که هر ابزارک بایستی در تگ aside قرار گیرد و برای نمایش عنوان ابزارک نیز بهتر است در تگ h4 نمایش داده شود. برای نمایش مطالب در صفحه از تگ article (به معنی مقاله ، بند) استفاده می شود این تگ خود نیز شامل header و footer می باشد در تگ هدر بایستی مهمترین بخش مطلب که می تواند از عنوان و دسته بندی تشکیل شود استفاده کرد اگر در صفحه اصلی سایت هستیم و قصد داریم تعداد زیادی مطلب را نمایش دهیم می توانیم از تگ h2 برای عنوان مطالب استفاده کنیم اما در ادامه مطلب که تنها یک مطلب و در نتیجه یک تگ article وجود دارد می توانیم از تگ h1 استفاده کنیم. در تگ فوتر اطلاعاتی که از اهمیت کمتری برخوردار هستند مانند نام نویسنده ، تاریخ انتشار و لینک ادامه مطلب را می توان نمایش داد.
رعایت ساختار استاندارد کدها در قالب html و همین نکات باعث می شود قالب طراحی شده دارای کد نویسی معتبر و ولید در w3c شود.

نوشته ساختار استاندارد کدها در قالب html اولین بار در اسکریپت ها پدیدار شد.

Advertisements

نویسنده: atashalizadeh

یکی از دغدغه های اصلی صاحبان کسب و کار اینترنتی قرار گرفتن سایت شان در رتبه های برتر گوگل می باشد ، بنابراین ما به شما کمک خواهیم کرد به این مهم دست یابید ، لطفا نظرات خود را با ما درمیان بگذارید تا بتوانیم خدمات بهتری برای شما ارائه دهیم. ممنون میشیم اگر مطالب را به اشتراک بگذارید.

پاسخی بگذارید

در پایین مشخصات خود را پر کنید یا برای ورود روی شمایل‌ها کلیک نمایید:

نشان‌وارهٔ وردپرس.کام

شما در حال بیان دیدگاه با حساب کاربری WordPress.com خود هستید. بیرون رفتن / تغییر دادن )

تصویر توییتر

شما در حال بیان دیدگاه با حساب کاربری Twitter خود هستید. بیرون رفتن / تغییر دادن )

عکس فیسبوک

شما در حال بیان دیدگاه با حساب کاربری Facebook خود هستید. بیرون رفتن / تغییر دادن )

عکس گوگل+

شما در حال بیان دیدگاه با حساب کاربری Google+ خود هستید. بیرون رفتن / تغییر دادن )

درحال اتصال به %s