اهداف یادگیری
- روند شکلگیری وب جهانگستر (World Wide Web) را توضیح دهد.
- جایگاه HTML را در معماری وب درک کند.
- تفاوت میان اینترنت و وب را بیان کند.
- مسیر تکامل نسخههای HTML تا رسیدن به HTML5 را بشناسد.
مقدمه
پیش از ورود به جزئیات فنی HTML، لازم است دانشجو درک درستی از خاستگاه و جایگاه این زبان در دنیای وب داشته باشد. HTML نه یک زبان برنامهنویسی، بلکه یک زبان نشانهگذاری (Markup Language) است که ساختار محتوای صفحات وب را مشخص میکند. برای درک بهتر HTML ابتدا باید بدانیم وب چگونه شکل گرفت و چرا به HTML نیاز پیدا کرد.
آموزش مرحله به مرحله
۱. تفاوت اینترنت و وب
- اینترنت شبکهای جهانی از رایانهها است که امکان انتقال داده را فراهم میکند.
- وب (World Wide Web) یکی از سرویسهایی است که روی اینترنت اجرا میشود و با استفاده از HTTP و HTTPS صفحات وب را نمایش میدهد.
اینترنت جاده است و وب یکی از خودروهایی است که روی آن حرکت میکند.
۲. پیدایش وب
در سال ۱۹۸۹ تیم برنرز-لی در آزمایشگاه CERN سه فناوری اصلی وب را معرفی کرد:
- HTML برای ساختار محتوا
- HTTP برای انتقال اطلاعات
- URL برای آدرسدهی منابع
۳. نقش HTML در معماری وب
- مرورگر درخواست HTTP ارسال میکند.
- سرور فایل HTML را بازمیگرداند.
- مرورگر HTML را تفسیر میکند.
- صفحه برای کاربر نمایش داده میشود.
HTML زبان مشترک میان مرورگر و سرور برای نمایش محتوا است.
۴. تکامل نسخههای HTML
| نسخه | ویژگی اصلی |
|---|---|
| HTML اولیه | ساختار ساده متن |
| HTML 2.0 | استانداردسازی اولیه |
| HTML 3.2 و HTML 4.01 | جدول، فرم و استایل محدود |
| XHTML | هماهنگی با XML |
| HTML5 | ساختار معنایی، چندرسانهای، فرمهای پیشرفته و APIها |
از سال ۲۰۱۹ استاندارد HTML توسط WHATWG و به صورت HTML Living Standard توسعه داده میشود.
توضیح مفاهیم اصلی
- زبان نشانهگذاری
- زبانی برای مشخص کردن ساختار محتوا با استفاده از تگها.
- HTTP / HTTPS
- پروتکل انتقال اطلاعات میان مرورگر و سرور.
- HTML Living Standard
- استانداردی که به صورت پیوسته بهروزرسانی میشود.
بررسی ویژگیهای مرتبط
در این درس تگ یا ویژگی خاصی از HTML بررسی نمیشود و آموزش عملی از درس ۱-۴ آغاز خواهد شد.
نمونه کد
در این درس نمونه کدی وجود ندارد.
نکات مهم
- HTML زبان برنامهنویسی نیست.
- HTML5 برای پاسخ به نیازهای وب مدرن ایجاد شد.
- امروزه HTML به صورت Living Standard توسعه پیدا میکند.
اشتباهات رایج
- یکسان دانستن اینترنت و وب.
- برنامهنویسی دانستن HTML.
- ثابت دانستن HTML5.
Best Practices
- همیشه آخرین استاندارد HTML را دنبال کنید.
- درک معماری وب، نوشتن HTML استاندارد را آسانتر میکند.
SEO
در این درس موضوع مستقیمی درباره سئو وجود ندارد و در فصل ۱۱ بررسی خواهد شد.
Accessibility
موضوع دسترسپذیری از فصل مربوط به عناصر معنایی آغاز میشود.
آنچه آموختید
- تفاوت اینترنت و وب.
- پیدایش وب توسط تیم برنرز-لی.
- نقش HTML در معماری وب.
- تکامل HTML تا HTML Living Standard.