اصول و استاندارد های کدنویسی در html (بخش اول)

در این پست از وب سایت یک لرن قصد داریم به بررسی اصول و استاندارد های کدنویسی در html بپردازیم . همانطور که میدانید کدنویسی و یادگیری آن تنها یک بخش از طراحی وب است و برای اینکه طراحی های شما بی نظیر باشد باید سعی کنید استاندارد کدنویسی کنید . استاندارد نویسی نیز قواعدی برای خود دارد که سعی میکنیم در طول چند جلسه برای شما بگوییم . فراموش نکنید که استاندارد بودن کدهای شما نقش نسبتا مهمی را در سئوی وبلاگ و وب سایت شما دارد .

برای ادامه آموزش به ادامه مطلب مراجعه فرمایید …

در این جلسه و چند جلسه آینده درباره استاندارد نویسی در html و در جلسات بعد درباره ی اساندارد نویسی در css نکاتی را ارائه خواهیم کرد

اصول و استاندارد های کدنویسی در html

اعتبار سنجی

بهترین راه برای اینکه بدانید کد های شما تا چه حد استاندارد است یا نیست باید توسط یک اعتبار سنج , اعتبار صفحه ی خود را بسنجید برای سنجش اعتبار سایت های فراوانی وجود دارد که به صورت مجزا در یک پست اشاره خواهیم کرد ولی مهم ترین سایت برای اعتبار سنجی سایت زیر میباشد .

http://validator.w3.org

سایت بالا معروف ترین و معتبر ترین سایت برای اعتبار سنجی میباشد و نکات و مشکلات موجود در قالب شما را به طور کامل بیان میکند .

دستور Doctype بر اساس نسخه html

html در نسخه ها و ورژن های مختلفی ارائه شده است که شما باید برای معتبر بودن صفحه خود از آخرین نسخه ان استفاده کنید

یک نمونه مهم دستور doctype است که استفاده از ان اجباری نیست ولی برای شناخت مرورگر و استاندارد نویسی الزامی است .

شما باید برای استاندارد نویسی بروز ترین نسخه ان را استفاده کنید به عنوان مثال دستور doctype زیر و دستور های مشابه بروز نمیباشند .

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

شما باید در سند های خود از doctype زیر استفاده کنید که مربوط به html5 میباشد.

<!DOCTYPE html>

تگ های خالی و غیر خالی

در زبان html برخی تگ ها خالی هستند و برخی تگ ها غیر خالی

تگ های غیر خالی :

تگ های غیر خالی به دسته ای از تگ ها میگوییم که تگ باز و بسته دارند مثلا :

<p> متن پاراگراف </p>
<strong> متن پر رنگ </strong>

تگ های خالی یا تگ های خالی تک قسمتی یا تگ های یکتا به دسته ای از تگ ها میگوییم که تگ بسته ندارند که در اینجا به دو صورت نوشته میشوند , که یک صورت آن استاندارد و دیگر صورت ان غیر استاندارد میباشد .

گونه غیر استاندارد ان را در نمونه زیر ببینید

وب سایت یک لرن <br>
<img src="">

و حالا نمونه استاندارد را در نمونه زیر ببینید

وب سایت یک لرن <br />
<img src="" />

تفاوت گونه استاندارد و غیر استاندارد در این است که گونه استاندارد قبل از علامت < یک / به همراه دارد و همچنین قبل از / یک فاصله به همراه دارد . در نتیجه برای تگ های خالی شما باید قبل از < یک / و قبل از / یک فاصله به وجود اورید .

با تشکر که این مقاله را تا اینجا مطالعه کردید

منتظر قسمت های بعدی باشید …

فرادرس

برچسب ها : ، ، ، ، ، ، ، ،