فکر می‌کنید برای ساختن یک وب‌سایت لازم است «برنامه نویس» باشید؟ سوال ساده‌ای که اغلب تازه‌واردان می‌پرسند این است: آیا HTML یک زبان برنامه نویسی است؟ پاسخ کوتاه و روشن: خیر؛ HTML زبان نشانه گذاری است که ساختار و معنا را به محتوای صفحات وب می‌دهد، نه منطق اجرایی را. اما این تمایز چه اهمیتی برای شما دارد؟ فهم دقیق نقش HTML مسیر یادگیری را کوتاه‌تر و مؤثرتر می‌کند و از گیجی هنگام ورود به CSS و JavaScript جلوگیری می‌نماید.
در این مطلب به صورت کاربردی توضیح می‌دهیم HTML چه کاری انجام می‌دهد، چه کاری انجام نمی‌دهد و چرا دانستن این مرز برای انتخاب مسیر شغلی یا آموزشی حیاتی است. همچنین نمونه‌های عملی و نکات زیادی برای مبتدیان مطرح می‌کنیم: از تگ‌های معنایی که سئوی صفحه را تقویت می‌کنند تا نحوهٔ ترکیب HTML با CSS و JavaScript برای ایجاد صفحات تعاملی. اگر می‌خواهید بدانید کدام مهارت‌ها را اول یاد بگیرید و چگونه پروژه‌های سادهٔ تمرینی بسازید، ادامهٔ مطلب جواب‌های روشنی به شما می‌دهد و کمک می‌کند با اعتمادبه‌نفس قدم‌های بعدی در توسعهٔ وب را بردارید.
آیا HTML زبان برنامه نویسی است؟
خیر، HTML زبان برنامه نویسی نیست; HTML یک زبان نشانه گذاری است که برای «ساختاردهی» و «معنادهی» محتوای صفحات وب به کار می‌رود، نه برای تعریف منطق یا اجرای عملیات.
به زبان ساده: زبان‌های برنامه نویسی مانند JavaScript یا Python می‌توانند محاسبات انجام دهند، شرط بگذارند، حلقه اجرا کنند و متغیری را تغییر دهند. HTML این کارها را انجام نمی‌دهد (فقط می‌گوید چه چیزی روی صفحه نمایش داده شود (عنوان، پاراگراف، تصویر، لینک و …)). فهم این تمایز برای یک تازه‌کار حیاتی است چون انتظارات آموزشی و مسیر یادگیری بعدی را مشخص می‌کند.
مثال خیلی کوتاه برای درکِ عملی (قابل‌فهم برای مبتدی):
<!doctype html>
<html>
<head><title>مثال ساده</title></head>
<body>
<h1>سلام</h1>
<p>این یک پاراگراف است — HTML فقط ساختار را مشخص می‌کند.</p>
</body>
</html>
توضیح: در این قطعه هیچ شرط، حلقه یا محاسبه‌ای وجود ندارد، فقط ساختار و محتوا تعریف شده است. اگر بخواهیم برای مثال به کلیک روی یک دکمه واکنش نشان دهیم یا حساب کنیم چه تعداد آیتم اضافه شده، باید از JavaScript استفاده کنیم.
زبان نشانه گذاری چیست و HTML چه نقشی دارد؟
زبان نشانه گذاری (Markup Language) مجموعه‌ای از تگ‌هاست که به مرورگر می‌گوید هر بخش از محتوا چه معنایی دارد و چگونه باید در صفحه نمایش داده شود. این زبان‌ها منطق برنامه نویسی تولید نمی‌کنند، بلکه «ساختار» و «معنا» را مشخص می‌کنند.
HTML نیز دقیقاً همین نقش را دارد:
- تعیین اینکه کدام متن عنوان باشد
- کدام بخش پاراگراف باشد
- چه تصویری نمایش داده شود
- لینک‌ها کجا قرار بگیرند
- و ساختار کلی صفحه چگونه چیده شود
به همین دلیل HTML به عنوان «اسکلت صفحات وب» شناخته می‌شود. بدون HTML، مرورگر نمی‌تواند تشخیص دهد محتوای یک صفحه چه ساختاری دارد و باید چگونه آن را ارائه کند.
مثال ساده برای درک سریع:
<h1>عنوان</h1>
<p>این یک پاراگراف توضیحی است.</p>
در این مثال هیچ دستور منطقی وجود ندارد و فقط “نشانه‌گذاری” که می‌گوید این متن عنوان است و آن یکی پاراگراف.
🔸 بیشتر بخوانید: HTML چیست؟ چه کاربردی دارد؟
تفاوت بین HTML و زبان های برنامه نویسی
HTML فقط ساختار صفحه را مشخص می‌کند، اما زبان‌های برنامه نویسی رفتار، منطق و محاسبه را کنترل می‌کنند. این تفاوت بنیادین باعث می‌شود HTML هرگز در دستهٔ زبان‌های برنامه نویسی قرار نگیرد.
تفاوت‌های اصلی:
۱) وجود منطق اجرایی (Logic)
در HTML وجود ندارد.
در زبان های برنامه نویسی وجود دارد. مثلاً در JavaScript می‌توان نوشت:
if (age > 18) {
console.log("ok");
}
اما HTML هیچ کاری شبیه «اگر… آنگاه…» انجام نمی‌دهد.
۲) متغیر، حلقه و توابع
در HTML صفر است.
زبان های برنامه نویسی می‌توانند داده ذخیره کنند، حلقه بسازند، محاسبات انجام دهند و خروجی متغیرها را تغییر دهند. HTML فقط نمایش می‌دهد، نه پردازش.
۳) تعامل با کاربر
HTML بسیار محدود است.
دکمه، فرم، ورودی و… را می‌سازد، اما رفتار آنها را کنترل نمی‌کند. برای رفتار باید JavaScript اضافه شود.
۴) HTML فقط «چیستی» را مشخص می‌کند، نه «چگونگی» و نه «چرایی».
مثلاً می‌گوید:
این عکس است | این متن عنوان است | این بخش یک پاراگراف است.
اما تصمیم نمی‌گیرد چه زمانی عکس تغییر کند، یا بعد از کلیک چه اتفاقی بیفتد.
۵) خروجی ثابت در برابر خروجی پویا
- HTML همیشه خروجی ثابت دارد.
- زبان‌های برنامه نویسی خروجی پویا تولید می‌کنند.
کاربردهای عملی HTML و محدودیت های آن
HTML پایهٔ ساخت صفحات وب است و نقش آن «تعریف ساختار» می‌باشد، نه اجرای رفتار. این بخش برای مبتدیان مهم است چون دقیقاً مشخص می‌کند که HTML چه کارهایی را می‌تواند انجام دهد و چه کارهایی را عمداً نمی‌تواند.
کاربردهای عملی HTML
۱) ساختاردهی کامل محتوای صفحه
عناوین، پاراگراف‌ها، لیست‌ها، نقل‌قول‌ها، جدول‌ها و هر نوع محتوای متنی با HTML تعریف می‌شود.
<h2>عنوان بخش</h2>
<p>این یک توضیح است.</p>
۲) نمایش تصاویر، ویدیوها و رسانه‌ها
با تگ‌هایی مثل <img>, <video>, <audio> می‌توان انواع رسانه‌ها را در صفحه قرار داد.
۳) ایجاد لینک‌ها و ناوبری صفحات
HTML لینک‌سازی داخلی و خارجی را مدیریت می‌کند و برای سئو نیز اهمیت زیادی دارد.
۴) ساخت فرم‌های ساده
ورودی متن، ایمیل، انتخاب‌ها، دکمه‌ها و… همگی با HTML تعریف می‌شوند.
۵) اسکلت اولیهٔ هر رابط کاربری
تمام کامپوننت‌های UI | از کارت محصول گرفته تا هدر و فوتر | اول با HTML ساخته می‌شوند.
محدودیت های HTML
۱) انجام محاسبات و منطق صفر است
HTML نمی‌تواند عملیات ریاضی، پردازش داده یا تصمیم‌گیری انجام دهد.
۲) عدم توانایی در کنترل رفتار کاربر
مثلاً روی کلیک، تغییر، تایپ، اسکرول و… واکنشی ندارد؛ این بخش را JavaScript انجام می‌دهد.
۳) خروجی همیشه ایستا است
HTML خودش هیچ حالت پویا یا تغییر لحظه‌ای ایجاد نمی‌کند مگر با کمک CSS/JS.
۴) مناسب اپلیکیشن‌سازی نیست
با HTML نمی‌توان یک سیستم حسابداری، فروشگاه پویا یا چت آنلاین ساخت؛ تنها می‌توان ساختار ظاهری آن را ایجاد کرد.
۵) امنیت و پردازش سمت سرور ندارد
هیچ کاری مانند ذخیره‌سازی، احراز هویت، رمزنگاری یا ارتباط با دیتابیس انجام نمی‌دهد.
چگونه HTML با CSS و JavaScript هم افزایی می‌کند
در توسعهٔ وب، این سه تکنولوژی دقیقاً مثل سه لایهٔ یک ساختمان عمل می‌کنند:
HTML اسکلت است، CSS ظاهر را می‌سازد و JavaScript مغز و رفتار را اضافه می‌کند. درک دقیق این هم‌افزایی باعث می‌شود هم سریع‌تر یاد بگیری، هم در پروژه‌های واقعی خروجی تمیزتر و استانداردتری تولید کنی.
۱) HTML: ساختار و معنا
HTML تعیین می‌کند چه چیزی در صفحه وجود دارد: عنوان، متن، تصویر، فرم، لیست و…
این بخش هیچ اطلاعاتی دربارهٔ «چگونه دیده شود» یا «چگونه رفتار کند» ارائه نمی‌دهد.
نمونهٔ سادهٔ یک کارت محصول:
<div class="product-card">
<h3>گوشی موبایل</h3>
<p>128 گیگابایت</p>
<button>افزودن به سبد خرید</button>
</div>
۲) CSS: زیبایی، طراحی و دیزاین بصری
CSS تعیین می‌کند HTML چگونه دیده شود.
از رنگ، سایه، گرادیانت، گرید، فلکس، انیمیشن و… گرفته تا ریسپانسیو کردن صفحه.
همان کارت محصول با CSS زیبا می‌شود:
.product-card {
border: 1px solid #ddd;
padding: 16px;
border-radius: 12px;
}
.product-card button {
padding: 8px 14px;
border-radius: 6px;
}
۳) JavaScript: رفتار، تعامل و منطق اجرایی
وقتی نیاز باشد که صفحه «رفتار» داشته باشد، JS وارد می‌شود؛ مثل:
- کلیک روی دکمه‌ها
- اعتبارسنجی فرم‌ها
- دریافت داده از سرور
- تغییر محتوا بدون رفرش
- ساخت اسلایدر، مودال، منوهای پویا
برای مثال، دکمهٔ کارت محصول را تعاملی می‌کند:
document.querySelector(".product-card button")
.addEventListener("click", function () {
alert("محصول به سبد خرید اضافه شد!");
});
۴) چرا جدا بودن این سه لایه مهم است؟
- بهترین استاندارد جهانی است (Separation of Concerns).
- سئو بهتر: تگ‌های معنایی + CSS تمیز = ساختار قابل‌فهم برای گوگل.
- نگهداری ساده‌تر: اگر مشکلی در ظاهر باشد، فقط CSS را بررسی می‌کنی.
- افزایش سرعت یادگیری: چون در هر مرحله روی یک مهارت جدا تمرکز می‌کنی.
- شغل‌پذیری آسان‌تر: شرکت‌ها دقیقاً دنبال کسی هستند که این سه لایه را تفکیک‌شده بلد باشد.
۵) مثال ترکیبی — ۵ ثانیه فهم کامل رابطهٔ سه‌گانه
- HTML مثل استخوان‌بندی بدن است.
- CSS مثل پوست و لباس است.
- JavaScript مثل مغز و سیستم عصبی است.
بدون HTML، صفحه‌ای وجود ندارد.
بدون CSS، صفحه زشت و خام است.
بدون JavaScript، صفحه بی‌روح و بی‌تعامل است.
نکات آموزشی و مسیر یادگیری برای مبتدیان
برای کسی که تازه وارد دنیای توسعهٔ وب می‌شود، HTML بهترین نقطهٔ شروع است؛ چون نه پیچیدگی زبان های برنامه نویسی را دارد و نه شما را درگیر مفاهیم دشوار می‌کند. مسیر استاندارد یادگیری باید مرحله‌به‌مرحله، منطقی و کاملاً کاربردی باشد تا نه گیج شوید و نه بی‌انگیزه.
HTML نقطه شروع طبیعی مسیر فرانت‌اند است، نه نقطه شروع اجباری همه شاخه‌های طراحی سایت. اگر هنوز نمی‌دانید باید فرانت‌اند، وردپرس، UI یا بک‌اند را انتخاب کنید، ابتدا راهنمای انتخاب مسیر طراحی سایت را ببینید. اگر پس از این مقایسه مسیر فرانت‌اند را انتخاب کردید، دوره تخصصی HTML می‌تواند آموزش مرحله‌ای این شاخه را ادامه دهد.
۱) شروع با درک ساختار صفحه
نقطهٔ شروع هر مبتدی باید شناخت «تگ»، «اتریبیوت در HTML»، «ساختار صفحه»، «HTML معنایی» و «تگ‌های معنایی» باشد.
اگر این مرحله را درست یاد بگیرید، ورود به CSS و JavaScript چند برابر سریع‌تر می‌شود.
تمرین پیشنهادی ساده:
- ساخت یک صفحهٔ رزومه با تگ‌های h1 تا h6، p، ul/li، img، a و div
- رعایت تگ‌های معنایی مثل header, main, footer, aside
در دوره مستر HTML همین مبانی با مثال‌های پروژه محور و تمرین‌های سطح‌بندی‌شده آموزش داده می‌شود و دانشجو قدم‌به‌قدم با ساختار حرفه‌ای HTML آشنا می‌شود.
2) یادگیری دقیق تگ‌ها و استفادهٔ استاندارد از آنها
باید یاد بگیرید:
- چه زمانی از تگ‌های معنایی استفاده کنید
- چه زمانی div مناسب است
- چه تگی برای چه نوع محتوا استانداردترین انتخاب است
- چطور ساختار صفحه را قابل‌خواندن برای مرورگر و موتورهای جستجو بسازید
دانشجویان مبتدی معمولاً این مرحله را سطحی رد می‌کنند و بعدتر مجبور می‌شوند برگردند و دوباره اصول را اصلاح کنند.
در مستر HTML هر تگ مهم با مثال واقعی، تمرین، نکات سئو و خطاهای رایج بررسی می‌شود.
3) ساخت پروژه‌های کوچک
یادگیری HTML بدون پروژه واقعی تقریباً بی‌نتیجه است.
بهترین تمرین‌ها برای مبتدی:
- ساخت لندینگ ساده محصول
- ساخت یک فرم تماس با ورودی‌های مختلف
- ساخت گالری تصاویر
- ساخت بخش بلاگ با کارت‌های محتوا
نکتهٔ مهم: هر چه بیشتر با دست خودتان بنویسید، سریع‌تر حرفه‌ای می‌شوید.
4) توجه ویژه به سئو و دسترس‌پذیری
HTML فقط ساختار نیست؛ یک HTML حرفه ای باید:
- تگ های معنایی را رعایت کند
- alt درست برای تصاویر بنویسد
- از heading structure استاندارد استفاده کند
- محتوای قابل فهم برای Screen Reader داشته باشد
- نقش‌ها و ARIA را درست اعمال کند
این موارد هم در گوگل اثر دارد، هم در تجربهٔ کاربر، هم در استاندارد بودن کار شما به‌عنوان توسعه‌دهنده.
5) آمادگی برای ورود به CSS و JavaScript
وقتی ساختار HTML را اصولی یاد گرفتید:
- وارد CSS می‌شوید و ظاهر را حرفه‌ای می‌سازید
- سپس وارد JavaScript می‌شوید تا تعامل و رفتار بسازید
این ترتیب استاندارد و علمی مسیر یادگیری است؛ اگر آن را برعکس بروید فقط گیج می‌شوید.
6) اشتباهات رایج مبتدیان
- استفادهٔ بیش‌ازحد از div
- بی‌توجهی به سئو و تگ‌های معنایی
- کپی‌کردن کد بدون درک آن
- شروع همزمان CSS و JavaScript بدون تسلط روی HTML
- بی‌توجهی به ساختار DOM
جمع بندی
HTML نقطهٔ آغاز دنیای توسعهٔ وب است و نقش حیاتی در ساختاردهی، معنا بخشیدن و سازمان‌دهی محتوای صفحات اینترنت دارد. این زبان نه یک زبان برنامه نویسی است و نه توانایی انجام محاسبات یا منطق پیچیده را دارد؛ اما پایهٔ تمام تکنولوژی‌های دیگر مثل CSS و JavaScript محسوب می‌شود.
در مسیر یادگیری، ابتدا باید HTML را به‌صورت اصولی و معنایی یاد گرفت؛ سپس وارد CSS شد و پس از آن JavaScript را اضافه کرد. در این بین، توجه به استانداردها، سئو، دسترس‌پذیری و اجرای پروژه‌های کوچک نقش مهمی در حرفه‌ای شدن دارد.
اگر همین مسیر استاندارد را دنبال کنید، نه‌تنها یادگیری سریع‌تر و کاربردی‌تر می‌شود، بلکه برای ورود به دنیای طراحی سایت، فرانت‌اند و حتی وردپرس نیز مسیر روشن‌تری خواهید داشت.
دوره مستر HTML دقیقاً بر اساس همین اصول ساخته شده تا دانشجو بدون سردرگمی از سطح صفر به تسلط حرفه‌ای برسد.
سوالات متداول
خیر. HTML زبان برنامه نویسی نیست؛ بلکه یک زبان نشانه گذاری برای ساختاردهی محتوا است. HTML به‌تنهایی هیچ منطق یا محاسبه‌ای انجام نمی‌دهد و رفتار صفحه را کنترل نمی‌کند.
HTML اسکلت و ساختار محتوا را ایجاد می‌کند: عنوان‌ها، پاراگراف‌ها، تصاویر، ویدیوها، فرم‌ها، جدول‌ها و… همگی توسط HTML تعریف می‌شوند.
- امکان اجرای منطق و محاسبه ندارد
- محتوای صفحه را پویا نمی‌کند
- امنیت و پردازش سمت سرور ندارد
- اپلیکیشن‌سازی انجام نمی‌دهد
- تعامل و رفتار کاربر را کنترل نمی‌کند
- HTML: ساختار و معنا
- CSS: ظاهر و استایل
- JavaScript: رفتار و منطق اجرایی
این سه‌گانه با هم باعث ساخت یک وب‌سایت واقعی می‌شوند.
بله، HTML بهترین نقطهٔ شروع است چون ساده، مفهومی و پایهٔ همهٔ مهارت‌های بعدی در توسعهٔ وب است. یادگیری آن مسیر ورود به CSS، JavaScript و وردپرس را بسیار سریع‌تر می‌کند.
اگر اصولی پیش بروید، بین ۷ تا ۱۴ روز می‌توانید تسلط خوبی روی HTML پیدا کنید. البته یادگیری کامل استانداردها و کار حرفه‌ای کمی بیشتر زمان می‌برد، اما مسیر آن واضح است.
کاملاً. مستر HTML از صفر مطلق شروع می‌کند، تگ‌ها را مرحله‌به‌مرحله آموزش می‌دهد، پروژه‌های عملی دارد و استانداردهای سئو، دسترس‌پذیری، خطاهای رایج و نکات حرفه‌ای را آموزش می‌دهد تا مسیر یادگیری کوتاه و کاربردی شود.
ترتیب استاندارد یادگیری:
- HTML
- CSS
- JavaScript
این مسیر علمی و درست توسعهٔ وب است.
در مورد CSS هم کنجکاو شدم. CSS چون شرط و متغیرهایی مثل زبان های برنامه نویسی معمولی نداره، اون هم زبان برنامه نویسی حساب نمی شه؟ یا قضیه CSS با HTML فرق می کنه؟
CSS هم معمولا به عنوان زبان برنامه نویسی عمومی شناخته نمی شه و وظیفه اصلیش تعریف نحوه نمایش و استایل عناصره. البته CSS امروزی قابلیت های زیادی داره، اما نقش اصلی اون همچنان با زبان هایی مثل JavaScript که برای اجرای منطق برنامه نوشته می شن متفاوته.
یه سوال درباره سایت های خیلی ساده دارم. آیا هنوز می شه یک سایت کامل فقط با HTML و CSS ساخت یا امروزه هر سایتی حتما به JavaScript نیاز داره؟ مثلا یک سایت معرفی شخصی که فقط چند صفحه متن و عکس داره.
برای یک سایت ساده و بیشتر محتوایی، HTML و CSS می تونن بخش بزرگی از نیاز رو پوشش بدن و JavaScript همیشه اجبار نیست. اگر به قابلیت های تعاملی یا رفتارهای پویا نیاز پیدا کنید، اون موقع JavaScript وارد کار می شه. بهتره تکنولوژی رو بر اساس نیاز پروژه اضافه کنید.
اینکه HTML برنامه نویسی نیست باعث نمی شه کم اهمیت تر باشه. اولش تصور می کردم چون ساده تره باید خیلی سریع ازش رد بشم، ولی وقتی بحث ساختار درست، تگ معنایی، فرم، لینک، alt و دسترس پذیری رو کنار هم می ذاریم مشخصه هنوز چیزهای زیادی برای یاد گرفتن داره.
مقاله خوبی بود و ممنون که تمرین مشخص هم پیشنهاد دادین
یه چیزی برام سوال شد. مثلا required رو روی input میذاریم و مرورگر اجازه نمیده فرم خالی ارسال بشه. این خودش نوعی رفتار نیست؟ پس چرا گفته می شه HTML رفتار کاربر رو کنترل نمیکنه؟
سوال خوبیه. بعضی عناصر و ویژگی های HTML رفتارهای داخلی و استاندارد مرورگر دارن؛ required نمونه خوبیه. تفاوت اینجاست که شما با HTML منطق برنامه نویسی دلخواه تعریف نمی کنید. برای رفتارهای سفارشی تر، شرط های پیچیده یا تغییرات پویا معمولا به JavaScript نیاز دارید.
عالی بود
اگر HTML فقط ساختار صفحه رو می سازه، اطلاعاتی که داخل فرم وارد می کنیم رو چه چیزی ذخیره می کنه؟ مثلا برای فرم ثبت نام، HTML فقط کادرهای نام و ایمیل و رمز رو می سازه و ذخیره اطلاعات دیگه مربوط به بک اند می شه؟
دقیقا HTML می تونه ساختار فرم و فیلدهای موردنیاز رو تعریف کنه، اما ذخیره اطلاعات در دیتابیس یا بررسی حساب کاربر کار HTML نیست. این بخش معمولا به منطق سمت سرور و بک اند مربوط می شه. JavaScript هم ممکنه قبل از ارسال، بخشی از رفتار یا بررسی فرم در مرورگر رو انجام بده.
یه سوال مبتدی دارم. اگه HTML زبان برنامه نویسی نیست، کسی که فقط HTML و CSS بلده رو می شه برنامه نویس فرانت اند صدا کرد یا برای برنامه نویسی فرانت اند حتما باید JavaScript هم بلد باشه؟
HTML و CSS بخش های اصلی ساخت رابط وب هستن، اما وقتی از برنامه نویسی فرانت اند صحبت می کنیم معمولا JavaScript هم وارد مسیر می شه، چون منطق و رفتارهای برنامه نویسی صفحه رو پیاده سازی می کنه. کسی که فعلا HTML و CSS یاد گرفته همچنان بخش مهمی از مسیر فرانت اند رو طی کرده، ولی هنوز وارد بخش اصلی برنامه نویسی اون نشده.
عدد ۷ تا ۱۴ روز برای یادگیری HTML یکم برام سوال شد. منظور اینه که توی این مدت می شه مبانی رو یاد گرفت یا واقعا بعد از دو هفته می شه گفت HTML رو کامل بلدیم؟ چون بخش سئو، دسترس پذیری و ساختار معنایی خودشون کلی نکته دارن.
این بازه رو بهتره برای یادگیری مبانی و رسیدن به توانایی ساخت صفحات تمرینی در نظر بگیرید، نه تسلط کامل روی همه جزئیات HTML. سرعت یادگیری افراد هم متفاوته. تسلط روی ساختار معنایی، دسترس پذیری، فرم ها و نوشتن HTML استاندارد با تمرین و ساخت پروژه بیشتر شکل می گیره.
جهت شروع قدرتمند میتونین در دوره مستر HTML با بیش از 16 ساعت آموزش تخصصی شرکت کنین
من از جمله «HTML اسکلت، CSS ظاهر و JavaScript رفتار» خوشم اومد چون بالاخره فهمیدم چرا آموزش های طراحی سایت معمولا از HTML شروع می شن. اگر ساختار صفحه رو نفهمیم احتمالا موقع CSS زدن هم مدام گیج می شیم که داریم دقیقا روی چه چیزی کار می کنیم.
من چند روزه HTML شروع کردم و اتفاقا وسوسه شده بودم همزمان JavaScript هم بخونم چون جذاب تر به نظر می رسید. بعد از بخش اشتباهات مبتدی ها فکر کنم بهتره فعلا چند صفحه کامل فقط با HTML بسازم و بعد کم کم CSS رو اضافه کنم. :)
توی مثال کارت محصول، اگر JavaScript نداشته باشیم دکمه روی صفحه دیده می شه ولی افزودن واقعی محصول به سبد خرید اتفاق نمی افته. این مثال به نظرم برای فرق «وجود داشتن یک عنصر» و «داشتن عملکرد واقعی» خیلی واضح بود.
در مقاله گفته شده HTML شرط و حلقه و متغیر نداره. یعنی مهم ترین دلیل اینکه بهش زبان برنامه نویسی نمی گیم همین نبودن منطق اجراییه یا معیارهای دیگه ای هم برای تشخیص زبان برنامه نویسی وجود داره؟
وجود قابلیت هایی مثل متغیر، تصمیم گیری، تکرار و اجرای منطق از تفاوت های مهم HTML با زبان های برنامه نویسیه. در HTML هدف اصلی توصیف ساختار و معنای محتواست، نه نوشتن الگوریتم و پردازش داده. برای شروع همین تفاوت دید خوبی میده، هرچند تعریف دقیق «زبان برنامه نویسی» می تونه از نظر علوم کامپیوتر جزئیات بیشتری داشته باشه.
مثال دکمه افزودن به سبد خرید خیلی خوب بود. خود HTML دکمه رو می سازه، CSS ظاهرش رو تغییر می ده و JavaScript مشخص می کنه بعد از کلیک چه اتفاقی بیفته. با همین یک مثال نقش هر سه تا خیلی بهتر از تعریف حفظی جا افتاد.