- - عرض جدول المحتويات لعناصر HTML على موقع في كروم

عرض جدول المحتويات لعناصر HTML على موقع في كروم

برامج تطوير الويب المتطورة تساعد في الكتابةرمز بسهولة مما لو كنت تفعل ذلك بدونها. ليس فقط تسريع العمل والمساعدة في تجنب مشاكل بناء الجملة الشائعة ، بل هي أيضًا أداة رائعة للمبتدئين الذين قد يشعرون بالإرهاق لمقدار الجهد اللازم لكتابة صفحة HTML بسيطة. إذا لم يكن هناك شيء آخر ، فيمكنهم مساعدتك في تعلم الكود. العيب الوحيد الذي قد تواجهه مع برنامج تطوير الويب ، وخاصةً عند استخدامه لتعلم الكود ، هو كيف أنها غير مجهزة لتحليل مواقع الويب في متصفحك. إذا كان مجال اهتمامك هو HTML ، إذن HTML5 Outliner هو امتداد كروم رائع سيساعدكتحليل عناصر HTML المختلفة على صفحة ويب. تضيف الإضافة رمزًا مربعًا إلى شريط URL الذي يفتح عند النقر فوقه عرض جدول محتويات لجميع عناوين وأقسام HTML 5. يعمل الملحق أيضًا مع عناصر HTML 4.

العناصر في جدول المحتويات التي يتم عرضهاقابلة للنقر وسيتم تمديد الإضافة إلى العنصر الذي تحدده وتحديده. لا يعمل التمييز دائمًا ولكن التنقل يعمل بشكل كامل.

HTML5 Outliner

التمديد له حدوده ؛ سوف تكتشفجميع عناصر HTML في أي صفحة تقريبًا ، لكن جدول المحتويات نفسه قصة مختلفة. يعتمد الجدول على الكود الذي تتم كتابته وفقًا لمواصفات HTML 5 الصحيحة أو هيكلة HTML الصحيحة. إذا كان الرمز لا يتوافق مع هذه ، قد يفشل الملحق في تحميل جدول محتويات مقبول.

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

من الواضح أن HTML5 Outliner ليس أمرًا شائعًاالمستعمل؛ إنه مخصص لمطوري الويب ، سواء للمبتدئين أو الماهرين. للمبتدئين ، يجب أن يكون مفيدًا أثناء معاينة تخطيط موقع قيد التطوير. للمطورين المهرة ، إنها طريقة سريعة للتنقل بين العناصر الموجودة في صفحة ويب والتحقق من الكود الموجود خلف كل منها.

تثبيت HTML5 Outliner من سوق Chrome الإلكتروني

تعليقات