html چیست و چه کاربرد های جالبی دارد؟

Html چیست ؟
برنامه نویسی وب مقالات

html چیست و چه کاربرد های جالبی دارد؟

 

html چیست  html  مخفف عبارت Hypertext Markup Language است. این زبان در واقع یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات وب و وب اپلیکیشن‌ها محسوب می‌شود. در واقع HTML را عنصر کلیدی صفحات وب می‌دانند و تمامی زبان‌های برنامه‌نویسی برای طراحی سایت،به شکلی به این زبان وابسته هستند.با استفاده از این زبان و CSS و جاوا اسکریپت،تکنولوژی‌های بنیادین برای شبکه جهانی وب تشکیل می‌شود. مرورگرها اسناد این زبان را از وب سرور یا مخزن لوکال (Local) دریافت کرده و آن‌ها را به صفحات وب چند رسانه‌ای تبدیل می‌کنند. در واقع این زبان ساختار معنایی صفحات وب را تعریف کرده و شامل مشخصات ظاهری سند است.

تاریخچه زبان html

برای اینکه بدانیم این زبان از کجا آمده باید سفر کوتاهی به سال 1991 داشته باشیم. زمانی که آقای Tim Berners-Lee کار خود را روی 18 Tag یا همان برچسب ساده شروع کرد و اولین نسخه این زبان را طراحی کرد. این زبان روز به روز پیشرفت کرد و در هر نسخه امکانات بیشتری را در قالب تگ‌ های کاربردی‌تر در اختیار طراحان قرار داد.

Html چیست ؟

کاربرد

اگر بخواهیم کاربرد html را بطور ساده توضیح دهیم باید بگوییم:

html ابزاری است که به کمک تگ ها (Tag) قالب کلی صفحات را می سازد، در واقع شما توسط تگ های html، اسکلت صفحات وب خود را می سازید.اگر کمی با طراحی وب آشنایی داشته باشید،‌ حتما میدانید که طراحی وب ۲ مرحله اصلی دارد:

  1. ساختاربندی اصلی صفحات وب که با این زبان انجام میشود.
  2. اضافه کردن جذابیت های ظاهری مثل رنگ و… که با CSS انجام میشود.

حال شاید بپرسید تگ (Tag) چیست؟!

قبل از توضیح این سوال و البته تکمیل توضیح سوال html چیست و زبان نشانه گذاری ابر متنی دقیقا یعنی چه،این نکته را فراموش نکنید که:ساخت یک وب سایت حرفه ای و کامل شامل استفاده از زبان های و کد های مختلف برنامه نویسی مثل php، ASP، html ، CSS و… است،که هیچکدام از این کدها و زبان های بجز اچ تی ام ال برای مرورگرهای مختلف قابل فهم نیست.یعنی مرورگر ها فقط کد ها و عناصری را نمایش می دهند که در دل کدها html نوشته شده باشند.

انجام هر عملی در html به کمک تگ های html امکان پذیر می باشد، در اصل این تگ های html هستند که به آن قدرت می دهند.در یک صفحه HTML می توان انواع عناصر از قبیل متن، تیتر، عکس، جدول  و … را قرار داد ، که برای هر عنصر باید از تگ مربوط به آن استفاده کرد تا مرورگرها بتوانند با فراخوانی آن تگ و ویژگی های مربوط به آن امکان نمایش تصویری آن کد ها را داشته باشند.تعداد بیشماری تگ وجود دارد که البته برای طراحی وب سایت لازم نیست تمامی تگ های html را بشناسید، حتی طراحان حرفه ای وب نیز ممکن است تمامی تگ ها را حفظ نباشند و در صورت نیاز به دنبال شناخت تگ های جدید بروند.بنابریان همانطور که گفته شد، تگ ها در html میتوانند لینک ها،‌ لیست ها،‌ پاراگراف ها، جداول، عکس و همه چیز را بسازند و شما با استفاده از تگ هاست که می توانید صفحات وب خود را اسکلت بندی کرده و به نمایش بگذارید

مزایا و معایب زبان HTML

html در کنار css و js هسته اصلی وب را تشکیل می‌دهد و یک زبان بسیار مهم در دنیای وب حساب می‌شود. این زبان مزیت‌ها و محدودیت‌هایی هم دارد که در ادامه به آن‌ها اشاره می کنیم و میبینیم دلیل اصلی ماندگاریhtml چیست و چرا این زبان با تمام مشکلاتش هنوز زبان شماره یک وب به حساب می آید. برخی از مهمترین مزایا و معایب این زبان عبارتند از:

مزایای HTML :
  • یادگیری آسان و لذت‌بخش
  • قابلیت اجرا در تمام مرورگرها
  • متن باز و رایگان بودن
  • ادغام آسان با زبان‌های سمت سرور مثل php
معایب HTML:
  • استاتیک بودن و وابستگی به زبان‌های سمت سرور برای تعامل با کاربر
  • ضعف در پشتیبانی از مرورگرهای قدیمی
  • نیاز به طراحی جداگانه هر صفحه به دلیل نبود قواعد منطقی برنامه نویسی

ارتباط HTML و CSS

html و CSS دو نوع مختلف نشانه‌گذاری هستند که هر کدام ترتیب معینی برای نوشتن کد دارند. اما تفاوت مهمی بین این دو وجود دارد. می‌توان گفت که html ساختار صفحه را تشکیل می‌دهد در حالی که CSS ظاهر صفحه را به عهده دارد. تفاوت ظاهر سایت‌های مختلف به نحوه استفاده از CSS توسط طراح سایت بستگی دارد. در واقع CSS زبانی برای توصیف ظاهر صفحات وب شامل رنگ‌ها، چارچوب پیرامون عکس، نشانگر ماوس، آرایش و فونت‌ها (اندازه، رنگ، نوع) است. با استفاده از CSS می‌توان نمایش صفحه ‌را برای انواع مختلف دستگاه مانند صفحات بزرگ، صفحات کوچک و پرینترها تنظیم کرد. CSS مستقل از html است و می‌توان آن را با هر نوع زبان نشانه‌گذاری مبتنی بر XML به کار برد. تفکیک html از CSS حفظ و نگهداری وب سایت، اشتراک‌گذاری Style Sheet (شیوه‌نامه) بین صفحات و انطباق صفحات با محیط‌های مختلف را ساده‌تر می‌کند. به این کار تفکیک ساختار یا محتوا از نما یا ظاهر می‌گویند.

ارتباط html و css

HTML5 چیست؟

قصد داریم در این بخش مقاله html چیست به این موضوع بپردازیم که HTML5 چیست و چه فرقی با html دارد. تا سال 2008 بازار HTML4 داغ بود و به طور گسترده استفاده می‌شد. اما مشخص بود که این نسخه از html ضعف‌هایی دارد و باید بروزرسانی شود. به همین دلیل کمپانی WHATWG توسعه این زبان را در دست گرفت و استانداردهای آن را ارتقا داد. ضعف اصلی که باید روی آن کار می‌شد مربوط به چندرسانه‌ای (multimedia) و گرافیک بود.HTML5 در سال 2014 یک آپدیت مهم و اساسی را تجربه کرد. در این آپدیت تگ های html جدیدی اضافه شدند که تاثیر بسیار مثبتی در بالا بردن کیفیت و بهبود تجربه کاربران داشتند. پس از این آپدیت طراحی سایت ها ساختار منظمی پیدا کرد و مفاهیم قدیمی (مانند استفاده از table در بدنه اصلی صفحات) کنار گذاشته شدند.

جمع بندی

اگر طراحی وب شما را به وجد می‌آورد و دوست دارید برای این کار وقت و انرژی بگذارید، اولین قدم یادگیری html است. شما در این مطلب دیدید که html چیست و چه کاربردی در دنیای وب دارد و سپس اولین کد htmlخود را نوشتید. اما مثالی که با هم انجام دادیم از شما یک برنامه نویس نمی‌سازد. شرط لازم برای تبدیل شدن به یک برنامه نویس خبره تمرین مداوم است.فقط تمرین و تکرار که شما را با فوت و فن کار آشنا کرده و از شما یک برنامه نویس متخصص می‌سازد. برنامه نویسی html شروع کار است و باید این قدم‌های اول را محکم بردارید تا زمانی که وارد مباحث پیشرفته وب شدید، به مشکل نخورید.

دیدگاه خود را اینجا قرار دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

اعضا

‫بروز رسانی

سمیرا مردانی's بروزسانی مشخصات انجام شد 1 سال, ماه 2 قبل

محمد جواد محمدی's بروزسانی مشخصات انجام شد 1 سال, ماه 2 قبل

مریم نوری's بروزسانی مشخصات انجام شد 1 سال, ماه 2 قبل

محمد امین طاهری's بروزسانی مشخصات انجام شد 1 سال, ماه 2 قبل

نگار حجتی's بروزسانی مشخصات انجام شد 1 سال, ماه 2 قبل

فیلدهای نمایش داده شده را انتخاب کنید. دیگران مخفی خواهند شد. برای تنظیم مجدد سفارش ، بکشید و رها کنید.
  • عکس
  • شناسه محصول
  • امتیاز
  • قیمت
  • در انبار
  • موجودی
  • افزودن به سبد خرید
  • توضیحات
  • محتوا
  • عرض
  • اندازه
  • تنظیمات بیشتر
  • ویژگی ها
  • ویژگی های سفارشی
  • زمینه های دلخواه
برای پنهان کردن نوار مقایسه ، بیرون را کلیک کنید
مقایسه
مقایسه ×
Let's Compare! Continue shopping