منسق HTML
نسّق HTML بمسافات بادئة واضحة مع الحفاظ على العناصر والسمات والنصوص والتعليقات وبنية المستند.
Make HTML structure easier to inspect
قد تخفي HTML المضغوطة التداخل والسمات وعقد النص والتعليقات عندما تكون في سطر واحد. يعرض هذا المنسق تخطيطاً مقروءاً لمراجعة markup قبل استخدامه.
يغيّر التنسيق العرض ولا يثبت صحة HTML أو سهولة الوصول أو الأمان أو توافق المتصفح. احتفظ بالمصدر وراجع diff.
استخدم عينة فيها عناصر متداخلة وسمات ونص وتعليقات ومحارف مقتبسة، ثم شغّل فحوص HTML وaccessibility المطلوبة.
Formatting is not HTML validation
HTML شجرة من عناصر وسمات ونصوص وتعليقات وإعلانات. تجعل المسافات البادئة علاقات الأب والابن وعلامات الإغلاق أوضح.
يرتب المنسق المسافات وفق مسار parser لكنه لا يثبت مطابقة المعيار أو سهولة الوصول أو أمان القالب أو سلوك التطبيق.
قد تعالج المتصفحات markup التالف بشكل مختلف. افحص العناصر void وoptional والسكربتات والأنماط والكيانات مع أدوات الهدف.
How to format HTML
- ألصق مستند HTML كاملاً أو جزءاً مدعوماً.
- افحص التداخل وعلامات الفتح والإغلاق والسمات والنص والتعليقات والسكربتات والأنماط.
- قارن السمات والقيم والكيانات والنص وترتيب العناصر بالمصدر.
- شغّل validator وفحوص accessibility واختبارات القالب والمتصفح.
- أزل credentials والبيانات الشخصية من العينات.
Formatting method
- يقرأ العناصر والسمات
يقرأ العناصر والسمات والنصوص والتعليقات والإعلانات والمناطق المضمنة.
- يضيف أسطر ومسافات
يضيف أسطر ومسافات بادئة لإظهار العناصر المتداخلة وترتيب الأشقاء.
- يحافظ على قيم
يحافظ على قيم السمات والنصوص والتعليقات والكيانات والسكربتات والأنماط.
يجب تأكيد recovery والعناصر الاختيارية وسياسة whitespace وسلوك CSS وJavaScript ورسائل الخطأ بمحرك حي.
Read the formatted result
النتيجة الناجحة ترتيب مقروء لـ HTML. طابق التداخل والسمات والنص والتعليقات والكيانات والسكربتات بالمصدر.
الفشل لا يثبت كيفية تعافي المتصفح أو رسالة parser دقيقة.
مشكلة validator أو accessibility أو build عقد منفصل؛ التنسيق لا يضيف semantics أو security.
أخطاء شائعة
اعتبار المسافات تحققاً من HTML قد يخفي سمات ناقصة أو تداخلاً خاطئاً أو مشكلة وصول.
تغيير entities أو قيم السمات أو نص حساس للمسافات قد يغير السلوك.
افتراض تطابق تعافي المتصفح مع المنسق قد يخفي فروقاً.
لصق قوالب خاصة أو tokens أو بيانات مستخدم قد يكشف محتوى حساساً.
الحدود والحالات الخاصة
القدرة هي تنسيق عرض HTML ولا تضمن مطابقة المعيار أو accessibility أو security أو browser compatibility أو صحة القالب.
اختبر optional tags والعناصر void وCSS وJavaScript والكيانات والوثائق الكبيرة بالأدوات المستهدفة.
لا تلصق markup إنتاج سرياً دون سياسة تسمح بذلك.
Examples
هل يتحقق التنسيق من HTML؟
هل يتحقق التنسيق من HTML؟
ألصق مستند HTML كاملاً أو جزءاً مدعوماً.
النتيجة الناجحة ترتيب مقروء لـ HTML. طابق التداخل والسمات والنص والتعليقات والكيانات والسكربتات بالمصدر.
هل يغير سلوك الصفحة؟
هل يغير سلوك الصفحة؟
افحص التداخل وعلامات الفتح والإغلاق والسمات والنص والتعليقات والسكربتات والأنماط.
الفشل لا يثبت كيفية تعافي المتصفح أو رسالة parser دقيقة.
هل تُحفظ السمات؟
هل تُحفظ السمات؟
قارن السمات والقيم والكيانات والنص وترتيب العناصر بالمصدر.
مشكلة validator أو accessibility أو build عقد منفصل؛ التنسيق لا يضيف semantics أو security.
هل تُحفظ التعليقات؟
هل تُحفظ التعليقات؟
شغّل validator وفحوص accessibility واختبارات القالب والمتصفح.
النتيجة الناجحة ترتيب مقروء لـ HTML. طابق التداخل والسمات والنص والتعليقات والكيانات والسكربتات بالمصدر.
هل يمكن تنسيق fragment؟
هل يمكن تنسيق fragment؟
أزل credentials والبيانات الشخصية من العينات.
الفشل لا يثبت كيفية تعافي المتصفح أو رسالة parser دقيقة.
هل يحسن التنسيق accessibility؟
هل يحسن التنسيق accessibility؟
ألصق مستند HTML كاملاً أو جزءاً مدعوماً.
مشكلة validator أو accessibility أو build عقد منفصل؛ التنسيق لا يضيف semantics أو security.
Frequently asked questions
هل يتحقق التنسيق من HTML؟
لا. استخدم validator وفحوص الوصول والمتصفح والقالب.
هل يغير سلوك الصفحة؟
المفترض أن يغير مسافات العرض، لكن قارن واختبر عندما تؤثر المسافات أو parsing.
هل تُحفظ السمات؟
تحافظ الأمثلة على الأسماء والقيم؛ راجع diff عند أهمية URL أو class أو id.
هل تُحفظ التعليقات؟
تتعامل الأمثلة مع التعليقات كمحتوى يبقى؛ تحقق من إدخالك قبل build.
هل يمكن تنسيق fragment؟
استخدم مستنداً كاملاً أو fragment مدعوماً فقد يعتمد الجزء على سياق خارجي.
هل يحسن التنسيق accessibility؟
لا. يجعل المراجعة أسهل فقط، وتحتاج semantics وfocus وARIA إلى فحوص خاصة.
هل يصلح HTML التالف؟
لا تفترض الإصلاح الآلي؛ أصلح المصدر وتحقق بالمتصفح والأدوات.
ماذا أفعل بعد التنسيق؟
راجع diff وشغّل validators وفحوص الوصول واعرض النتيجة في المتصفحات المستهدفة.