ابزار استاندارد سازی html 5

html 5 چیست نسخه بروز شده و استاندارد جدید زبان نشانه گذاری html

در نسخه جدید اچ تی ام بعضی از تگها منسوخ شدند بعضی مختصر شدن

و کلا تغییرات جالبی توشون اتفاق افتاده

اینجا میخوام ابزاری براتون بگذارم که کد اچ تی ام ال خودتون رو واردش کنید و ایرادات کدتون رو تا ۸۰ درصد برطرف کنید

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

این ابزار ساخت خودم هستش نمونه نداره بمرور هم تا بتونم کاملترش میکنم کار این ابزار چیه ؟ کار این ابزار اینه که تو کد شما دنبال تگ های منسوخ شده میگرده و اونهارو به تگ های استاندارد تبدیل میکنه همچنین کد شمارو فشرده سازی هم میکنه در پایین صفحه راهنمایی کاملتری رو براتون قرار میدم حتما مطالعه کنید

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

برای تبدیل کلیک کنید

طراحی این ابزار سایت پرنده غریب

اشتباهاتی که در این ابزار رفع میشند بطور کلی اینها هستند ایجاد فاصله بین تگهای لازم و جایگزینی تگهای غلط با نمونه صحیح اونها و برای نمونه میشه به موارد زیر اشاره کرد

<font color=” جایگزینی با <span style=”color:

<font face=” جایگزینی با <span style=”font-family:

<center> جایگزینی با <div style=”text-align:center”>

<div align=”center”> جایگزینی با <div style=”text-align:center”>

<p align=”center”> جایگزینی با <p style=”text-align:center”>

<script> جایگزینی با <script lang =”javascript”>

<script type=”text/javascript” src=” جایگزینی با <script src=”

و این تگها شامل اشتباهات مشابه هم میشن که در این فضای کم نمیشه تمام تگها رو قرار داد فقط بگم لیست تغییرات وسیع هستند

در ضمن تگهایی مثل کنتر که به دایو تبدیل میشند در بسته شدن هم به دایو تبدیل میشند پس نگرران نباشید

بطور مثال این نمونه

<center> MATN SHOMA </center>

تبدیل میشه به

<div style=”text-align:center”> MATN SHOMA </div>

و موارد بسیار دیگر که این ابزار رفع میکند

مواردی هم که باید خودتون رعایت کنید اینا هستند

تگهایی که باز میشن باید بسته بشن این یکی از مشکلات هست بطور مثال

اگر شما تگی رو باز کردید و داخلش دو تگ دیگه باز کردید حتما باید به ترتیب باز شدن بسته بشن تگها نه نامرتب

در پایین شیوه صحیح بستن تگها رو بترتیب خواهید دید

<1> <2> <3> MATN SHOMA </3> </2> </1>

و تگ هایی هستند که نمیتونند زیر مجموعه تگ دیگه باشند مثلا تگ h نمیتونه زیر مجموعه span یا p باشه

اگر تگ شما به اینصورت هست <p class=”xx”> <h1> MATN SHOMA </h1></p>

میتونید تغییرش بدید به <h1 class=”xx”> MATN SHOMA </h1>

و همینطور یک تصویر نمیتونه زیر مجموعه تگ h باشه یعنی تصویر شما نباید بین تگ h قرار بگیره

موضوع دیگه نامگذاری کلاسها و ایدیهاتون هست در کلاسها و ایدی تگ ها هرگز از حروف بزرگ استفاده نکنید

دقت کنید مثال های زیر اشتباه میباشند

<div class=”Test”> + <div class=”TEST”>

نمونه زیر صحیح میباشد

<div class=”test”>

این موضوع در دیگر موارد هم صدق میکند

مورد دیگر ترکیب کلاسها میباشد دقت کنید اگر دو کلاس فقط به یک موضوع اشاره دارند مانند زیر

<div class=”test1″> <div class=”test2″> MATN SHOMA </div></div>

میتوانید انرا بصورت زیر وارد کنید

<div class=”test1 test2″> MATN SHOMA </div>

به اینصورت میتوانید از کلاسهای متعددی برای یک موضوع بهره ببرید

این نکات احتمالا ۹۰ درصد مشکلات کد نویسی شما رو حل خواهد کرد

بسیاری از موارد رو سعی کردم با طراحی ابزار فوق برطرف کنم اما … اما

چون تگ های نوشته شده در سطح نت همگی دارای اشتباهات یکسانی نیستند

و در بسیاری موارد اشتباهات بصورت منحصر بفرد ایجاد میشند

بنا بر این ممکنه بعضی مشکلات همچنان باقی بمونند

اما در نهایت امر این ابزار اگر نتونه ۱۰۰ درصد مشکل رو رفع کنه

حد اقل میتونه بسیاری از مشکلات پیج شما رو رفع کنه و تو وقتتون برای اصلاح سرفه جویی کنه

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

لطفا لیست تگهای خودشونرو و مبدل اصلاح شدش رو برای بنده قرار بدند تا به ابزار اضافه کنم

بهترین کدها

፨ لطفا قبل از ارسال کامنت اینجا کلیک کنید ፨

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

3 × دو =

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