مُجمل / منسق HTML على الإنترنت مجانًا

Input data
bfotool loadding
Output data
bfotool loadding

منسق HTML

أدخل HTML الفوضوي أو المصغر أو المبهم في الحقل أعلاه لتنظيفه وجعله جميلًا. يحتوي المحرر أعلاه أيضًا على أرقام أسطر مفيدة وإبراز بناء الجملة. هناك العديد من الخيارات لتخصيص المجمل حسب أذواقك الشخصية.

عندما تستخدم عارض HTML ، منسق HTML ، منسق HTML

غالبًا عند كتابة HTML ، قد تصبح المسافة البادئة والتباعد والتنسيقات الأخرى غير منظمة بعض الشيء. من الشائع أيضًا أن يعمل العديد من المطورين في مشروع واحد لديهم تقنيات تنسيق مختلفة. هذه الأداة مفيدة لجعل تنسيق الملف متسقًا. من الشائع أيضًا أن يتم تصغير أو تشويش HTML. يمكنك استخدام هذه الأداة لجعل هذا الرمز يبدو جميلًا وقابل للقراءة بحيث يسهل تحريره.

أمثلة منسق HTML

HTML المصغر أدناه:

<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> </div><ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li><li><a href="#">Page 1</a></li><li><a href="#">Page 2</a></li><li><a href="#">Page 3</a></li></ul> </div></nav>

يصبح هذا جمالا:

<nav class="navbar navbar-default">
     <div class="container-fluid">
         <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> 
         </div>
         <ul class="nav navbar-nav">
             <li class="active"><a href="#">Home</a>
             </li>
             <li><a href="#">Page 1</a>
             </li>
             <li><a href="#">Page 2</a>
             </li>
             <li><a href="#">Page 3</a>
             </li>
         </ul>
     </div>
 </nav>