بعض الاقتراحات لكتابة تطبيقات HTML عالية الأداء

تقدم هذه المقالة بشكل أساسي بعض الاقتراحات لكتابة تطبيقات HTML عالية الأداء ، بما في ذلك CSS ذات الصلة وطرق برمجة JavaScript. يمكن للأصدقاء الذين يحتاجون إليها الرجوع إلى كيفية تحسين أداء الويب؟

سيقوم معظم المطورين بالتحسين من خلال JavaScript والصور والملفات zip ودمج الملفات من خلال تكوين الخادم وملفات zip وحتى تعديل CSS (دمج الصور الصغيرة).

يتم تجاهل دائمًا HTML الفقير ، على الرغم من أنها كانت دائمًا اللغة الأساسية للويب.

HTML يزداد أكبر وأكبر. تصل إلى أفضل 100 مواقع ويب في الغالب حوالي 40 كيلو لكل صفحة HTML. يستخدم Amazon و Yahoo آلاف صفحات HTML. على صفحة YouTube.com الرئيسية ، هناك ما يصل إلى 3500 عناصر HTML.

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

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

لا توجد طريقة واحدة فقط لكتابة التعليمات البرمجية - وخاصة HTML. هذا مجرد تفسير للتجربة العامة ، لكنه ليس الخيار الصحيح الوحيد.

HTML هي لغة ترميز تستخدم لتمثيل الهيكل والمحتوى.

لا ينبغي استخدام HTML لعرض الأنماط والأنماط. لا تكتب نصًا في علامة العنوان (H1 ~ H6) لتبدو أكبر ، أو فقط استخدم عنصر blockquotes للمسافة البادئة. بدلاً من ذلك ، استخدم CSS لتغيير مظهر وتخطيط العناصر.

يتم تنفيذ المظهر الافتراضي لعناصر HTML من خلال النمط الافتراضي للمتصفح: Firefox و Internet Explorer و Opera كلها مختلفة. على سبيل المثال ، في Chrome ، يقوم عنصر H1 الافتراضي بإعداد حجم 32 بكسل.

ثلاثة مبادئ أساسية:

باستخدام HTML لتمثيل الهياكل ، يتم استخدام CSS للتعبير عن أنماط وموضوعات مختلفة. JavaScript للرد على سلوك المستخدم.

استخدم HTML ، واستخدم CSS إذا لزم الأمر ، وأضف JavaScript إذا لم يُسمح لك. على سبيل المثال: في كثير من الحالات ، يمكنك استخدام نماذج HTML للتحقق من CSS أو SVG لتنفيذ الرسوم المتحركة.

افصل CSS و JavaScript عن رمز HTML الخاص بك. دعهم يتم تخزينه مؤقتًا ، مما يجعل الرمز أسهل في التصحيح. في الإنتاج ، تكون CSS و JavaScript قابلة للضغط ودمجها ويجب أن تكون جزءًا من نظام الإنشاء الخاص بك. ملاحظة* راجع مسابقة نظام JavaScript Construction (تحرير)

بنية المستند

باستخدام نوع مستند HTML5: