مقالة Webjx Production Production مقدمة: 10 مقتطفات عملية HTML5 العملية التي يجب عليك جمعها بالتأكيد.
HTML5 هو معلم مهم في تطوير تكنولوجيا الويب. للتنمية الأمامية ، إذا تمكنت من العثور على بعض الرموز التي قد تحتاج إلى إعادة استخدامها بشكل متكرر في التنمية في المستقبل ، أعتقد أنك لن ترفض. فيما يلي أكثر من 10 مقتطفات رمز HTML5 التي جمعناها بعناية. أعتقد أنك ستعجبك!
أسهل قالب لـ HTML5إذا كنت بحاجة إلى بدء مشروع HTML5 جديد ، فستحتاج بالتأكيد إلى أبسط قالب. هنا قالب HTML5 بسيط وواضح للغاية. أعتقد أن الجميع سوف يعجبهم!
<! doctype html><html>
<head>
<meta charset = utf-8>
<title> بدون عنوان </title>
<!-[إذا lt ie 9]>
<script src => </script>
<! [endif]->
</head>
<body>
المحتوى الرئيسي للويب
</body>
</html> نموذج الحصول على خرائط Google
هنا رمز بسيط للغاية. يستخدم المستخدم لإدخال الموقع والحصول على موقع خريطة Google ، وهو مناسب جدًا لإنشاء نماذج الاتصال.
<form action = method = get target = _blank><label for = saddr> أدخل الموقع </label>
<نوع الإدخال = اسم النص = saddr />
<نوع الإدخال = الاسم المخفي = daddr
القيمة = 350 5th Ave New York ، NY 10018 (Empire State Building) />
<نوع الإدخال = إرسال قيمة = احصل على الاتجاهات />
</form> base64 ملف GIF فارغ مشفر من حجم 1x1
أنا شخصياً لا أوصي باستخدام هذا GIF الفارغ الشفاف ، ولكن حتى في عام 2013 ، لا يزال الكثير من الناس يستخدمونه. ربما ترغب في استخدام هذه الطريقة أيضًا.
<img src=data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAP///yH5BAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA7> Regular Form Verification Emailيُسمح باستخدام النموذج العادي في HTML5 للتحقق من الإدخال:
<نوع الإدخال = بيانات النص = flash-file.swfالعرض = 0 الارتفاع = 0>
<param name = value = your-flash-file.swf />
<param name = Quality Value = High/>
</objec> فيلم ويدعم الاحتياطي
ميزة أخرى مفيدة في HTML5 هي علامة الفيديو ، والتي تتيح لك تضمين ملفات الفيديو بسهولة. ومع ذلك ، فإن العديد من المتصفحات القديمة لا تدعمها ، وبالتالي فإن الكود التالي سيكون مفيدًا جدًا
<عرض الفيديو = 640 ارتفاع = 360 عناصر التحكم><المصدر src = __ video __. mp4 type = video /mp4 />
<المصدر src = __ video __. ogv type = video /ogg />
<عرض الكائن = 640 ارتفاع = 360 نوع = التطبيق/x-shockwave-flash
البيانات = __ Flash __. SWF>
<param name = value = __ flash __. swf />
<param name = flashvars value = controlBar = Over & amp ؛
Image = __ Poster __. JPG & amp ؛ file = __ video __. mp4 />
<img src = __ video __.
العنوان = لا توجد إمكانيات تشغيل فيديو ، يرجى تنزيل الفيديو أدناه />
</object>
</video> روابط الاتصال والرسائل القصيرة iPhone
تقدم Apple طريقة مريحة للغاية لإنشاء روابط الهاتف والنصوص في iPhone. الرمز كما يلي:
<a href = tel: 1-408-555-5555> 1-408-555-5555 </a><a href = sms: 1-408-555-1212> رسالة رسائل نصية جديدة </a> وظيفة ملء البيانات التلقائية HTML5
باستخدام عناصر Datalist ، يسمح HTML5 باستخدام مجموعة من البيانات لإنشاء وظائف التعبئة التلقائية. الآن لا تحتاج إلى استخدام كود JS التابع لجهة خارجية أو مكتبات الفصل!
<اسم الإدخال = قائمة الأطر = Frameworks /><معرف Datalist = Frameworks>
<قيمة الخيار = موتوولز>
<خيار القيمة = moobile>
<value Option = dojo toolkit>
<قيمة الخيار = jQuery>
<قيمة الخيار = yui>
</datalist> يمكن تنزيل الملف مباشرة <!-سيتم تنزيله على شكل Expenses.pdf->
<a href =/files/adlafjlxjewfasd89asd8f.pdf
Download = Expenses.pdf> قم بتنزيل تقرير المصاريف الخاص بك </a> Crash Old Version Browser IE6
يجب أن تعلم أن IE6 يستخدم تمامًا في الصين. إذا لم أؤيد IE6 في تطبيق الويب أو موقع الويب الخاص بك ، فأضف هذا الرمز وأعتقد أن المستخدمين سوف يقومون بترقية IE6 ، Hehe!
<style>*{الموضع: النسبية} </style> <border> <prope> </tool>