الإنترنت هو كائن حي متغير. من المهم جدًا إنشاء صفحة يمكنها التكيف مع تطوير الإنترنت لفترة طويلة. يمكن أن تكون متابعة سريعة لموقع الويب الخاص بك في سيل تطوير الإنترنت.
باستخدام علامات HTML الأنيقة ، يمكن أن يساعدك بناء الصفحات المتوافقة مع المعايير على القيام بذلك ، والأهم من ذلك ، أنه يمكن أن يكون قدرًا كبيرًا من الوقت والتوفير في عملياتك في عملياتك المستقبلية.
تتقدم تقنية صفحة الويب مع تطوير تكنولوجيا الإنترنت. تتطور تقنية HTML لفترة طويلة ، وقد تطورت تقنية المصاحبة لها بشكل مطرد.
الأول هو JavaScript ، ثم CSS و XML. حتى الآن Ajax ، بدأ الاستخدام على نطاق واسع لـ HTML5 في الظهور-Firefox و Safari و Opera و Chrome قد دعمت بشكل كامل HTML5 (حول هذه المشكلة ، إن Internet Explorer من Microsoft مرة أخرى تعزز تطوير الإنترنت #-_-)
في هذه المقالة ، سوف نستكشف معايير الويب الأساسية ، ونناقش ما هي عليه ، وماذا تعني ، وحلول لهذه المشكلات المهمة ولكن غالبًا ما يتم تجاهلها.
ببساطة ، تشير علامات HTML الأنيقة إلى: لا توجد عبء ، والامتثال للمعايير ، واستخدام علامات وهياكل ذات معنى.
لا يمكن لأي رمز HTML مرهق الاستفادة الكاملة من العلامات ، والقضاء على الشفرة غير الضرورية ، وحفظ علامات ذات معنى فقط. إنه يتجنب خصائص عديمة الفائدة ، مثل CSS المضمنة ، وتبقي بنية المستند أنيقة.
وبالمثل ، يجب أن تتجنب رمز CSS بدون مرهقة تكراره ، واستخدام الخصائص الموروثة (تذكر أن CSS تهدف إلى أن تكون ورقة نمط متتالية) ، وإعادة استخدام CSS علميًا.
يعني الامتثال للمعايير أنه يمكن التحقق من صفحتك من خلال معايير HTML و CSS و XML الخاصة بـ W3C. استخدم مدقق W3C المجاني للعثور على الأخطاء وتعديلها ، ومواصلة الاختبار لمعرفة أن 100 ٪ يتوافق مع المعايير.
كل مشروع لديه حد زمني ضيق ، ويأمل المستخدمون في إصدار موقع الويب كلما تم إصداره ، كان ذلك أفضل. لذلك ، يتعين على كل من مطوري موقع الويب والمصممين إكمال العمل بسرعة وكفاءة.
من السهل على الناس أن يسقطوا في فخ - يعني سريعًا قذرة ، وكتابة الرموز الأنيقة المتوافقة مع القياسية ستضيع الوقت. يقول الناس غالبًا: إذا تم عرضه بشكل طبيعي ، فلن تكون هناك مشكلة.
على الرغم من أنه يظهر في هذه اللحظة ، ماذا عن العام المقبل؟ ماذا عن ثلاث سنوات؟ ماذا تفعل إذا تم استبدال المتصفح؟ هل الجهاز متوافق؟
هل تعتقد حقًا أن محركات البحث ستختار سطر الرمز الخاص بك؟ هم صعب الإرضاء جدا. إذا لم تستخدم رمزًا موحدًا ، فهذا يعادل إبعاد محرك البحث بنفسك.
ماذا يحدث إذا كان هناك موظفون آخرون يقومون بتعديل الكود الخاص بك ، ماذا يحدث إذا تم إطلاقك من قبل رئيسك في العمل أو تغيير الوظائف بنفسك؟ سيكون هناك خلفاء لرؤية الكود الخاص بك وفهم ما تعنيه. هل تريد أن تجعل هذا بسيطًا ، أم تريده أن يطعن شريرك خلف ظهره؟
ابدأ في كتابتها بشكل صحيح ، إنه ليس شيئًا مزعجًا ، فسيوفر لك الوقت والمال ويجعلك أقل قلقًا.
قد تعتقد أن استخدام CSS المدمجة أسرع ، أو قد تعتقد أن كتابة HTML مباشرة دون النظر في أن الهيكل أكثر ملاءمة.
ولكن عندما تقوم بتعديل المستند أو ترغب في مراجعة موقع الويب في المستقبل ، فسوف تقضي المزيد من الوقت في التعويض عن التداخل الناجم عن رمز أدنى. إذا قمت بإنشاء ورقة أنماط جديدة ، فإن CSS المضمنة المنتشرة في كود HTML يمكن أن يسبب لك الكثير من المتاعب وقد تقضي ساعات في تجريدها.
متصفحات الهاتف المحمول تتطور بشكل أسرع وأسرع. لم يعد الوصول إلى الإنترنت عبر الهاتف المحمول براءة اختراع BlackBerry. الآن مئات الملايين من الناس يستخدمون هواتفهم المحمولة لتصفح الويب كل يوم.
الأجهزة التي تحتوي على تكنولوجيا التصفح المساعدة التي تم تطويرها للأشخاص الذين يعانون من ضعف بصري أو واجهات تشغيل خاصة مصممة للأشخاص الذين يعانون من الإزعاج الجسدي شائع بالفعل. إذا كنت لا ترغب في فقدان قاعدة مستخدمين كبيرة ، فيجب عليك التفكير في مشكلات سهلة الأجهزة.
قد يتم توفير موقع الويب الخاص بك للمستخدمين في برايل. مع أدوات مثل تخزين محتوى الإنترنت وملابس Google ، قد يتم الاحتفاظ بصفحة الويب الخاصة بك على الإنترنت لفترة طويلة حتى لو تم حذفها.
يمكن أن يؤدي استخدام العلامات القياسية المتوافقة مع القياسية إلى تسهيل التعامل مع المواقف المذكورة أعلاه.
هل - استخدم العلامات المحددة مسبقًا. على سبيل المثال: H1 هو الجزء الأكثر أهمية في محتوى صفحة الويب ، ثم H2 ، H3 ، وما إلى ذلك ، يمكن أن يكون هناك فقط H1 في صفحة ويب ؛
افعل - اسم مع عناصر ذات مغزى. اسأل نفسك عما إذا كان شخص آخر يقرأ الكود ، هل ستفهم معنى الفصل الدراسي وتسمية الهوية. على سبيل المثال ، بالنسبة للطبقة نفسها ، استخدم #Box12 أو #Comment-Footer ، أيهما تعتقد أنه أفضل؟
هل - الاستفادة الكاملة من الميراث CSS. على سبيل المثال: إذا قمت بتعيين سمة الخط في حاوية ، فلن تضطر إلى تعيينها بشكل منفصل في عناصرها الفرعية ما لم تكن تستخدم خطًا مختلفًا. هذا سيجعل أسلوبك واضحًا وموجزًا.
DO - اجعل رمز HTML و CSS و XML متوافق مع المعايير. استخدم مصادقة W3C للتحقق من الأخطاء والتحذيرات وتعديلها لمعرفة أنها متوافقة بنسبة 100 ٪.
DO - تحقق في اتجاهين الرمز الذي تم إنشاؤه بواسطة محرر WYSIWYG. متصفح Wysiwyg هو الرأس الكبير الذي يولد رمز القمامة ، ومن الضروري محاولة تبسيط الكود الذي ينشئه.
لا - لا تستخدم أنماط CSS المدمجة والعلامات والخصائص غير ذات الصلة. أنت مشغول للغاية في الوقت المناسب ، لذلك لا تضيف هذه الأشياء حسب الرغبة.
لا - لا ترتكب مع العرض بشكل صحيح. لأن الأخطاء المخفية في الصفحات قد تدمر الصفحة في متصفحات أو أجهزة أخرى دون التعرف عليها.