قالب بداية HTML الحديث





يوم جيد ، أيها الأصدقاء!



اسمحوا لي أن أقدم لكم مشروعي الجديد - قالب بداية HTML حديث.



هذا القالب هو نتيجة تحليل أكثر من 100 مصدر حول القضايا المتعلقة ببنية صفحة الويب ومحتواها ، وتقسيم التطبيق إلى مكونات ، وتخزين الموارد مؤقتًا ، وتحسين محرك البحث ، والأمن ، وما إلى ذلك ، ويتضمن ما يلي:



  • جميع علامات التعريف والارتباطات (عامة ، Microsoft ، Facebook ، Twitter ، IOS ، Android ، البيانات المهيكلة - Schema.org و JSON-LD ، بالإضافة إلى بعض العلامات المتعلقة بالأمان)
  • مثال على استخدام علامات HTML5
  • مثال على استخدام خصائص CSS3
  • مثال على استخدام وحدات CSS
  • مثال على استخدام وحدات JavaScript النمطية
  • ملف "manifest.json"
  • عامل خدمة للأغراض العامة (ذاكرة التخزين المؤقت أولاً ، ثم الشبكة)
  • ملف Robots.txt
  • ملف "sitemap.xml"
  • ملف "Browserconfig.xml"
  • ملف ".gitignore"
  • مثال على خادم Express.js يقوم بتعيين الرؤوس ذات الصلة بالأمان والضغط وإرجاع الملفات عند الطلب
  • مثال على صفحة خطأ 404 الإبداعية (الصفحة غير موجودة ، التصميم ليس لي)
  • ملف "README.md"
  • وأكثر بكثير


الموقع الرسمي: htmltemplate.site .



كود المشروع هنا .



نرحب بأي شكل من أشكال التعليقات: لا تتردد في الكتابة في رسالة شخصية وسحب الطلب على github.



إذا كنت تريد تكرار مسار "البحث" ، فيمكنك البدء بالموارد التالية:





اتبع هذا الرابط للعثور على إعداد مسبق لـ Webpack 5 قابل للتوسع يتضمن Babel و PostCSS وخادم تطوير وبناء إنتاج محسن.



وإذا كنت ترغب في تحديث أو اختبار معرفتك بجافا سكريبت ، خاصةً لهذا ، في وقت فراغي ، أقوم بتطوير هذا التطبيق الرائع (لا يمكنك مدح نفسك ...).



شكرا لك على اهتمامك واستمتع بيومك.



All Articles