فلش‌کارت‌های آموزشی HTML و meta tags: کنترل رفتار مرورگر و موتورهای جستجو

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره HTML و meta tags: کنترل رفتار مرورگر و موتورهای جستجو

موضوع کلی: برنامه نویسی

موضوع میانی: HTML

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر HTML و نقش آن در ساختار صفحات وب
• 2. آشنایی با تگ‌های اصلی HTML و کاربرد آن‌ها
• 3. ساختار کلی یک سند HTML: doctype، html، head، body
• 4. مدیریت اطلاعات صفحه با تگ head: title، meta، link، style
• 5. تگ‌های عنوان (h1 تا h6) و اهمیت آن‌ها در سئو
• 6. تگ پاراگراف (p) و ایجاد محتوای متنی
• 7. تگ‌های لیست: مرتب (ol) و نامرتب (ul)
• 8. تگ لینک (a) برای ایجاد ارتباطات بین صفحات
• 9. تگ تصویر (img) و ویژگی‌های آن: src، alt، width، height
• 10. تگ فاصله (br) و خط افقی (hr) برای چیدمان
• 11. تگ‌های قالب‌بندی متن: strong، em، b، i، u
• 12. تگ‌های نقل قول: blockquote و q
• 13. تگ کد (code) و پیش‌ساختار (pre) برای نمایش کد
• 14. تگ جدول (table) و ساختار آن: thead، tbody، tr، th، td
• 15. سلول‌های ادغام شده در جداول: colspan و rowspan
• 16. فرم‌ها در HTML: تگ form و روش‌های ارسال (GET/POST)
• 17. انواع فیلدهای ورودی در فرم‌ها: text، password، email، number
• 18. دکمه‌های ارسال و ریست در فرم‌ها: button، submit، reset
• 19. چک‌باکس‌ها (checkbox) و دکمه‌های رادیویی (radio)
• 20. منوهای کشویی (select) و گزینه‌ها (option)
• 21. تگ textarea برای ورودی‌های چندخطی
• 22. تگ label برای ارتباط با فیلدهای فرم
• 23. اعتبارسنجی فرم‌ها با ویژگی‌های HTML5
• 24. مفهوم Semantic HTML و تگ‌های معنایی
• 25. تگ header برای سربرگ صفحه یا بخش
• 26. تگ nav برای منوهای ناوبری
• 27. تگ main برای محتوای اصلی صفحه
• 28. تگ article برای محتوای مستقل
• 29. تگ section برای بخش‌بندی محتوا
• 30. تگ aside برای محتوای جانبی
• 31. تگ footer برای پابرگ صفحه یا بخش
• 32. تگ figure و figcaption برای تصاویر و نمودارها
• 33. تگ time برای نمایش تاریخ و زمان
• 34. تگ mark برای برجسته‌سازی متن
• 35. تگ small برای متون کوچک‌تر
• 36. تگ data برای نمایش داده‌های ماشین‌خوان
• 37. استفاده از favicon برای آیکون مرورگر
• 38. مقدمه‌ای بر CSS و نقش آن در ظاهر صفحات وب
• 39. اتصال فایل‌های CSS به HTML: تگ link
• 40. قوانین CSS: انتخاب‌گر، ویژگی، مقدار
• 41. انواع انتخاب‌گرها در CSS: تگ، کلاس، ID
• 42. انتخاب‌گرهای ترکیبی و شبه‌کلاس‌ها
• 43. ویژگی‌های Box Model در CSS: margin، border، padding، content
• 44. واحدها در CSS: px، em، rem، %
• 45. مدیریت رنگ و پس‌زمینه در CSS
• 46. تنظیم فونت و متن در CSS
• 47. قوانین نمایش (display) و موقعیت‌دهی (position)
• 48. مدیریت چیدمان با Flexbox
• 49. مدیریت چیدمان با CSS Grid
• 50. ساخت صفحات واکنش‌گرا (Responsive Design)
• 51. استفاده از Media Queries برای تطبیق با دستگاه‌ها
• 52. تگ meta viewport برای کنترل نمای مرورگر
• 53. بهینه‌سازی تصاویر برای وب
• 54. فشرده‌سازی تصاویر و استفاده از فرمت‌های مناسب
• 55. استفاده از SVG برای گرافیک‌های برداری
• 56. مفهوم سئو (SEO) و نقش HTML در آن
• 57. تگ title و اهمیت آن در نتایج جستجو
• 58. تگ meta description برای توضیحات صفحه
• 59. استفاده از تگ‌های سرتیتر (h1-h6) در سئو
• 60. تگ‌های alt برای تصاویر و دسترسی‌پذیری
• 61. ایجاد لینک‌های داخلی و خارجی سئوپسند
• 62. ساختار URL و تأثیر آن بر سئو
• 63. نقشه سایت (Sitemap) و ارتباط آن با HTML
• 64. تگ meta robots برای کنترل ایندکس‌گذاری
• 65. مفهوم Schema Markup و داده‌های ساختاریافته
• 66. استفاده از JSON-LD برای داده‌های ساختاریافته
• 67. تگ meta keywords (کاربرد محدود و قدیمی)
• 68. تگ meta charset برای تعیین کدگذاری کاراکترها
• 69. مدیریت کوکی‌ها (Cookies) با HTML
• 70. ذخیره‌سازی محلی (Local Storage) و سشن استوریج (Session Storage)
• 71. مقدمه‌ای بر JavaScript و تعامل با HTML
• 72. تگ script برای گنجاندن یا ارجاع به کدهای JavaScript
• 73. مدیریت رویدادها (Events) در HTML با JavaScript
• 74. تغییر محتوا و استایل عناصر HTML با JavaScript
• 75. اعتبارسنجی فرم‌ها با JavaScript
• 76. تگ iframe برای جاسازی صفحات وب
• 77. مفهوم دسترسی‌پذیری (Accessibility) در وب
• 78. استفاده از ویژگی‌های ARIA برای بهبود دسترسی‌پذیری
• 79. تگ meta برای اطلاعات مرورگر (generator, author)
• 80. تگ meta http-equiv برای شبیه‌سازی هدرهای HTTP
• 81. تنظیم Refresh و Redirect با meta http-equiv
• 82. کنترل کش مرورگر با meta http-equiv
• 83. مدیریت زبان صفحه با تگ html lang
• 84. مقدمه‌ای بر وب‌کامپوننت‌ها (Web Components)
• 85. استفاده از تگ‌های سفارشی (Custom Elements)
• 86. تگ template برای قطعه‌کدهای قابل استفاده مجدد
• 87. مفهوم Shadow DOM
• 88. ملاحظات امنیتی در HTML
• 89. جلوگیری از حملات XSS با پاک‌سازی ورودی‌ها
• 90. استفاده صحیح از ویژگی‌های HTML
• 91. استانداردهای وب و اعتبارسنجی کد HTML
• 92. ابزارهای اعتبارسنجی HTML
• 93. تگ meta viewport برای تنظیم اولیه صفحه
• 94. مفهوم Progressive Web Apps (PWA) و نقش HTML
• 95. سرویس‌ورکرها (Service Workers) و ارتباط با HTML
• 96. مانیفست وب (Web App Manifest) و تگ‌های مرتبط
• 97. مقدمه‌ای بر HTML5 API ها
• 98. API های مربوط به گرافیک (Canvas, SVG)
• 99. API های مربوط به چندرسانه‌ای (Audio, Video)
• 100. API های مربوط به دستگاه‌ها (Geolocation, Camera)