به وبلاگ برنامه نویسی خوش آمدید.

برنامه نویس وب

رفع عیب کدهای html

امروز میخوام دو تا روش بهتون یاد بدم تا بتونید عیب کدهای html خودتان را رفع کنید.

یه وقت پیش میاد که شما یه سری کد html می نویسید ولی بعداً می فهمید تگ های html که استفاده کردید بسته نشده یا یک دستور بسته شده اضافه است!

مثلاً کدهای زیر رو نگاه کنید:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<style>

p{

font-family:tahoma;

text-align:center;

}

</style>

</head>

<body>

<div class="asli">

<p>https://barnamenevisi.blogsky.com</p>

</div>

</div>

</body>

</html>

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

برای اینکه این عیب ها رو تشخیص بدید می تونید از راه های زیر استفاده کنید:


استفاده از سایت w3 : با این سایت میشه فهمید کدهای شما استاندارد هست یا نه؟

 کدهای سایتتون رو در این سایت وارد کنید:

https://validator.w3.org/

نشون میده که  باید زبان رو مشخص می کردید:

<html lang="fa">

عنوان را مشخص نکردید :

<title>عنوان</title>

و اینکه این تگ اضافه هست:

</div>

وقتی این عیب ها رو رفع کنید یک پیام با زمینه ی سبز به شما میده:

Document checking completed. No errors or warnings to show.



 استفاده از مرورگر فایرفاکس :  یه سری عیب ها رو مثلاً مشکلاتی که کدهای جاوا اسکریپت و css دارن میشه با روش زیر پیدا کرد:

راست کلیک کردن روی صفحه و انتخاب inspect یا در مرورگر فارسی بازرسی عناصر  و تب پایانه .

برای اینکه عیب اون </div> رو متوجه بشید راست کلیک کنید و سورس صفحه رو باز کنید:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<style>

p{

font-family:tahoma;

text-align:center;

}

</style>

</head>

<body>

<div class="asli">

<p>https://barnamenevisi.blogsky.com</p>

</div>

</div>

</body>

</html>

با رنگ قرمز عیب </div> را مشخص میکنه.

بررسی استاندارد بودن کدهای html استاندارد بودن کدها رفع عیب کدهای html
راوندی یکشنبه 21 شهریور‌ماه سال 1400 ساعت 11:45 ق.ظ
0 نظر