مقالة مقدمة من wulin.com (www.vevb.com): إن تطوير تكنولوجيا الإنترنت سريعة بشكل مثير للدهشة. إذا لم تكن حريصًا ، فقد لا تتمكن من مواكبة ذلك. كما أن التغييرات وتحديثات HTML5 قد طغت أيضًا على العديد من الناس. ستقدم هذه المقالة بعضًا من أساليب HTML الأساسية والضرورية للغاية بالنسبة لك.
تطوير التكنولوجيا المتصلة بسرعة مذهلة. إذا لم تكن حريصًا ، فقد لا تتمكن من مواكبة ذلك. كما أن التغييرات وتحديثات HTML5 قد طغت أيضًا على العديد من الناس. ستقدم هذه المقالة بعضًا من أساليب HTML الأساسية والضرورية للغاية بالنسبة لك.
1. نوع المستند الجديد (Doctype)
هل ما زلت تستخدم نوع مستند XHTML أعلاه المزعج ويصعب تذكره؟ إذا كان هذا هو الحال ، فقد حان الوقت للتبديل إلى نوع مستند HTML5 الجديد.
فقط مثل هذا 15 حرفًا بسيطًا. (ملاحظة: يجب أن يظهر إعلان Doctype الخاص بك على السطر الأول من ملف HTML الخاص بك.)
2. عناصر الرسومات (الشكل)
النظر في استخدام الكود التالي لتمييز الصور؟
لسوء الحظ ، لا يمكن أن يرتبط بعنوان الرسم البياني بطريقة بسيطة وداعية ، لأنها ببساطة ملفوفة بعلامات الفقرة وعناصر الصور ، ويحسن HTML5 هذا من خلال إدخال عناصر <GINGE>. عند استخدامها بالاقتران مع عنصر <igigcaption> ، يمكننا إقران عنوان الرسوم مع الرسم. الرمز كما يلي:
3. إعادة تعريف <small>
اتضح أنه يمكنك استخدام عنصر <small> لإنشاء ترجمات مرتبطة ارتباطًا وثيقًا بالشعار. ومع ذلك ، قام HTML5 الآن بتعديل هذا الاستخدام ، وتم إعادة تعريف العنصر <small> ، أو بشكل أكثر ملاءمة ، يتم استخدامه الآن لتمثيل كلمات صغيرة أو ملاحظات جانبية أخرى (مثل إشعار حقوق الطبع والنشر في أسفل الموقع).
4. لا توجد مزيد من البرامج النصية أو أنواع الروابط
على الأرجح أنك لا تزال تضيف خصائص النوع إلى الروابط وعلامات البرنامج النصي مثل الرمز أدناه.
في HTML5 ، لم يعد هناك حاجة إلى هذا. وهذا يعني أن هاتين الملصقتين تمثلان الأنماط والبرامج النصية على التوالي. لذلك ، يمكننا حذف جميع سمات نوعها. الرمز كما يلي:
5. استخدم أو لا يقتبس
تذكر أن HTML5 يختلف عن XHTML ، ولا يتعين عليك لف السمات في عروض الأسعار إذا كنت لا تحب ذلك. ومع ذلك ، إذا كنت تعتقد أن استخدام الاقتباسات سيجعلك تشعر بالراحة ، فلن تكون هناك أي مشاكل بالطبع.
6. اجعل المحتوى الخاص بك قابل للتحرير
واحدة من الميزات القوية للغاية لـ HTML5 قابلة للاستيلاء ، والتي ، كما يوحي الاسم ، ستسمح للمستخدم بتحرير أي محتوى نص موجود داخل عنصر (بما في ذلك عناصر طفله). يحتوي على مجموعة واسعة من الاستخدامات ، مثل قوائم المهام البسيطة أو المواقع القائمة على الويكي ، وأحد مزاياها هي أنها تستخدم التخزين المحلي.
أو ، كما تقول الخدعة الخامسة ، يمكنك أيضًا كتابة الرمز على السطر تسعة مثل هذا (بدون اقتباسات):
7. إدخال البريد الإلكتروني
إذا قمنا بتطبيق نوع البريد الإلكتروني لتحديد نموذج الإدخال ، فيمكننا قيادة المتصفح للسماح فقط بإدخال السلسلة الذي يتوافق مع بنية عنوان البريد الإلكتروني الصالحة. على الرغم من أن التحقق من النماذج المدمجة سيصل قريبًا ، لا يمكننا الاعتماد تمامًا على هذا. لا تفهم المتصفحات القديمة نوع البريد الإلكتروني هذا ، بل يعودون ببساطة إلى مربع النص العادي.
عندما يتعلق الأمر بالعناصر والسمات التي يدعمها المتصفح ولا يدعمها ، يجب أن تعرف أن جميع المتصفحات ليست موثوقة في الوقت الحاضر. على سبيل المثال ، تدعم Opera فقط التحقق من البريد الإلكتروني إذا قمت بتحديد سمة الاسم. ومع ذلك ، فإنه لا يدعم سمة العنصر النائب (كما سيتم مناقشته أدناه). أخيرًا ، بينما يمكنك استخدام هذا الشكل من التحقق ، لا تعتمد عليه كثيرًا.