أداة تنسيق HTML مجانية
تأخذ أداة تنسيق HTML المجانية هذه الترميز المضغوط أو غير المنسق وتعيده مع وسم كتلة واحد في كل سطر ومحاذاة متسقة، حتى تتمكن من رؤية كيفية تداخل العناصر. تبقى الوسوم المضمنة مع نصها، والعناصر القصيرة تبقى في سطر واحد، ومحتوى كتل pre و textarea و script و style يُترك كما هو بالضبط. تناسب المطورين والمسوقين الذين يحتاجون إلى قراءة أو تعديل مصدر الصفحة.
HTML Beautifier
Generators and Converters
عن هذه الأداة
غالباً ما يتم تسليم الصفحات كسطر واحد طويل، أو كترميز مرتب بواسطة عدة أدوات وأشخاص مختلفين. قراءة ذلك بطيئة والأخطاء تختبئ بسهولة: div غير مغلق، وسم ضائع أو عنوان في المكان الخاطئ. ترتيب كل مستوى يجعل التداخل مرئياً في لمحة واحدة.
يقسم المنسق الترميز إلى وسوم وتعليقات ونص، ثم يرتبها حسب عمق كل عنصر كتلة. الوسوم المضمنة مثل a و strong و em و span تبقى داخل فقرتها، والعناصر الفارغة مثل br و img و input و meta لا تزيد العمق. يمكنك اختيار مسافتين أو أربع مسافات أو علامات جدولة. النص داخل pre و textarea والكود داخل script و style لا يتم إعادة تنسيقه أبداً، لأن المسافات الإضافية هناك قد تغير ما تعرضه الصفحة أو تفعله.
يقوم بتنسيق ما تعطيه ولا يصلح HTML المكسور، لذا فإن الوسم غير المغلق سيظهر كمحاذاة لا تعود أبداً. استخدمه قبل تعديل قالب، عند مقارنة نسختين من صفحة، أو عند التحقق من HTML الذي أنتجته إضافة. لا يتم حفظ أي شيء تلصقه.
الأسئلة الشائعة
هل يغير التنسيق من مظهر الصفحة؟
لا يجب أن يحدث ذلك. تضيف الأداة فقط فواصل أسطر ومحاذاة بين وسوم الكتلة، ومحتوى pre و textarea و script و style لم يتم لمسه. تطويها المتصفحات المسافات البيضاء بين معظم العناصر، لذا قارن الصفحة قبل وبعد إذا كانت المسافات الدقيقة مهمة لك.
هل يمكنها إصلاح HTML غير الصحيح؟
لا. تقوم بتنسيق الوسوم التي تجدها ولا تضيف وسوم إغلاق مفقودة أو تعيد ترتيب العناصر. عادة ما يظهر التداخل المكسور كمحاذاة لا تعود إلى اليسار، مما يساعدك على العثور على المشكلة، لكن لا تزال بحاجة إلى تصحيح الترميز بنفسك.
ما الفرق بين التنسيق والضغط؟
هما متعاكسان. يضيف المنسق فواصل أسطر ومحاذاة حتى يتمكن الأشخاص من قراءة الكود. يزيل الضاغط هذه الفواصل بحيث يكون الملف أصغر للتنزيل. احتفظ بالنسخة المنسقة أثناء العمل وانشر نسخة مضغوطة.
أي محاذاة يجب أن أختار؟
استخدم ما يستخدمه مشروعك بالفعل. مسافتان تحافظ على الترميز العميق ضيقاً، أربع مسافات شائعة في العديد من أدلة الأسلوب، وعلامات الجدولة تسمح لكل شخص بتعيين عرضه الخاص في محرره. الاختيار لا يغير طريقة عمل الصفحة.