برنامه نویسی, بلاگ, طراحی وب

Html چیست؟ نسخه HTML

زبان برنامه نویسی HTML چیست و چه کاربردی دارد

Html چیست و چه کاربردی دارد به عنوان آموزش Html به علاقه مندان زبان نشانه گذاری اچ تی ام ال توصیه میشود. مقاله اچ تی ام ال چیست را مشاهده کنند. عبارت Html در واقع مخفف شده ی کلمه ی Hyper Text Markup Language است که زبان نشانه گذاری  فوق متن است. خیلی از کاربران به اشتباه آن را زبان برنامه نویسی معرفی میکنند اچ تی ام ال  زبان استاندارد طراحی صفحات وب است و کليه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهایت به کدهای Html تبدیل شده و توسط مرورگر نمایش داده می شوند.

کدنویسی با HTML

کدنویسی با HTML قدم گذاشتن در جای پای بزرگان وب و شروع ساخت سایت‌های شگفت انگیز است. توجه نمایید که یک فایل HTML در تمام انواع کامپیوترها و در تمام سیستم عامل ها مانند Windows و Linux دارای فرمت يكسان است و تمام مرورگرها از همین زبان، برای تفسیر و نمایش صفحه وب استفاده می نمایند.

کدنویسی با HTML قدم گذاشتن در جای پای بزرگان وب و شروع ساخت سایت‌های شگفت انگیز است.

زبان نشانه‌گذاری چه تفاوتی با زبان برنامه نویسی دارد؟

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

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

نسخه های Html

نسخه های مختلفی از HTML وجود دارد. که به تدریج توسعه یافته اند، به طوری که هر نسخه بالاتر، نسخه پایین تر را پشتیبانی می نماید.

HTML 2.0

در سال ۱۹۹۵ منتشر شد و تا سال ۱۹۹۷ به عنوان استانداردی برای طراحی سایت تعمیراتی مورد استفاده قرار میگرفت. این نسخه برای اولین بار بسیاری از ویژگی‌های اصلی HTML را تعریف کرد.

HTML 3.2

این نسخه از Html پیشنهاد کنسرسیوم جهانی وب (W3C) در سال 1997 بود .

HTML 4.0

در همان سال‌ها به دلیل برخی مشکلات این نسخه ارائه شد.

XHTML 1.0

این نسخه که در سال 2000 مورد استفاده قرار میگرفت، ویژگی‌های جدید کم نداشت و دست طراحان وب به مراتب بازتر شد تا وب‌سایت‌ها بهتری به نمایش بگذارند.

HTML5

در سال 2009 با توجه به استقبالی که دنیا از نسخه Html 5.0 کرد سازمان W3C نسخه XHTML 2.0 رو کنار گذاشت و توسعه آن را متوقف کرد. و تمرکز خودش رو روی نسخه Html 5.0 گذاشت.

در سال 2009 با توجه به استقبالی که دنیا از نسخه Html 5.0 کرد سازمان W3C نسخه XHTML 2.0 رو کنار گذاشت

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

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

هر کدام از ساختارهای HTML دارای ویژگی‌هایی هستند که در جستجوگر تعریف شده‌اند. این ویژگی‌ها را توسط CSS می‌توان تغییر داد و یا افزایش داد و ویژگی‌های بیشتری به کار برد.

مزیت ها

همانطور که می دانید یادگیری و درک HTML بسیار آسان است. HTML اولین و مهمترین زبان است.و برای کسی که در حال یادگیری توسعه وب است ، از آن استفاده خواهد کرد.

  • متن باز و رایگان
  •  کانفیگ وادغام آسان با زبان های سمت سرور مانند PHP
  •  یادگیری آسان و لذت بخش
  •  اجرای آسان در تمام مرورگرها
  • HTML پایه همه زبانهای برنامه نویسی است
  • تغییرات را فوراً نمایش میدهد
  • همچنین HTML می تواند به راحتی با زبان های دیگر ادغام شود

امکان توسعه بازی

با عرضه نسخه ی HTML5 امکان توسعه بازی را به واقعیت تبدیل کند و نیاز به پیاده سازی تک تک ویژگی های API نیست. اما قبل از ظهور HTML5 بازی تحت وب محدود به Flash و Silverlight بود زیرا مرورگرها از ملزومات جدید برای HTML5 و موتور سریع و سبک جاوا اسکریپت برای تجربه بهتر و سریع تر پشتیبانی میکنند.

نحوه ساخت یک فایل html

نحوه اجرا و ساختن یک فابل اچ تی ام ال بسیار ساده است. که برای نوشتن آن نیاز به نرم افزار های پیچیده و عجیب غریب نیست که تنها با یک برنامه ساده که در ویندوز هم وجود دارد میتوانید تایپ کنید. برنامه Notepad که با یک سرچ ساده در ویندوز خود میتوانید پیدا کنید. کلمه <html> نشان دهنده شروع یک جمله است که در ابتدا وارد میشود و کلمه <html/> نشان دهنده پایان کد ها است که در آخر تمام کد ها به کار میرود و در بین این دو کلمه هر جمله یا کد هایی قابل استفاده و قابل نمایش است. در این بین از کلماتی استفاده میشود که به تگ معروفند تگ های اچ تی ام ال به مرورگر می فهماند که هر عبارت بیانگر چه موضوعی است که در واقع با این تگ ها برنامه نویسان با مرورگر صحبت میکنند.

ارتباط بین html و css

اچ تی ام ال در واقع قسمت بک اند یک سایت را تشکیل میدهد که پشت پرده یک وب سایت است. که شما نمیتوانید چیزی از آنها ببیند برای درک بهتر یک مثال ساده میزنیم شما فرض کنید وارد یک سایت میشوید و بر روی یک دکمه کلیک میکنید و بعد از آنجام این عمل وارد یک صفحه جدید میشوید و آتن صفحه تشکیل شده از محتواها دکمه ها و…

CSS ها برای ظاهر یک وب سایت یا بک اند به کار میرود که شما هر آنچه در ظاهر صفحه ها میبیند. با سی اس اس نوشته شده است و همه ی تمام آن محتوا ها دکمه ها در قسمت های طراحی سایت دکوراسیون داخلی مربوط میشود. به سی اس اس برای درک بهتر همان وب سایتی که شما واردش شده اید. تمام چیز هایی که با چشم میبیند به این بخش مربوط میشود. در یک مثال ساده بخواهیم این دو زبان نشانه گذاری را تعریف کنیم میتوانیم. به بدن انسان اشاره کرد که بخش اسکلت بندی و داخلی بدن ما میشود اچ تی ام ال و قسمت های ظاهری بدن ما و هر آنچه که قابل دیدن و مشاهده است میشود سی اس اس که هر دو باهم یک صفحه وب را تشکیل میدهند.

پشتیبانی از همه مرورگر ها

html از تمام مرورگر های جهان با هر نوع پلتفرمی پشتیبانی میکند و از این بابت نگرانی نداشته باشید. زیرا اگر برنامه بهینه سازی وب سایت را برای مرورگرهای مختلف در نظر داشته باشد ، وب سایت به راحتی در همه مرورگر ها ظاهر می شود. و HTML راهی آسان برای بهینه سازی وب سایت در HTML و با توجه به مرورگر ها به توسعه دهندگان وب ارائه می دهد.

معایب Html

  • نیاز به طراحی جداگانه هر صفحه به دلیل نبود قواعد منطقی برنامه نویسی
  • استاتیک بودن و وابستگی به زبان‌ های سمت سرور برای تعامل با کاربر
  • ضعف در پشتیبانی از مرورگر های قدیمی

چگونگی یادگیری HTML

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

مشاهده Gmail در نسخه استاندارد یا HTML ساده

می‌توانید Gmail را در «نمای استاندارد» یا «نمای HTML ساده» در مرورگرتان نمایش دهید. بسته به اینکه مرورگرتان با Gmail کار می‌کند یا نه، ممکن است هر کدام از این نماها را ببینید و از این قابلیت به نفع خودتان استفاده کنید. اگر از مرورگری استفاده می‌کنید که با Gmail کار می‌کند، Gmail را در «نمای استاندارد» مشاهده خواهید کرد. وقتی در «نمای استاندارد» هستید، می‌توانید از همه ویژگی‌های Gmail استفاده کنید

JavaScript و HTML

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

ویرایش ساده HTML

ویرایش HTML بسیار آسان است زیرا نیازی به رابط یا بستر خاصی برای ویرایش آن نیست. این برنامه با نوت پد ساده نوشته شده است و بنابراین می تواند به سادگی در هر ویرایشگر متنی مانند Notepad ، ++ Notepad و غیره ویرایش شود.

ویرایش HTML بسیار آسان است زیرا نیازی به رابط یا بستر خاصی برای ویرایش آن نیست.

برچسب عنوان

عنصری از اچ تی ام ال است که عنوان های یک صفحه وب را مشخص میکند برچسب های عنوان در صفحات نتایج موتور جستجو  به شکل قابل کلیک برای یک نتیجه مشخص نمایش داده می شوند که همچنین در بحث سئو میتواند بسیار مفید واقع شود.

ابزار ها

وقتی شما میخواهید به عنوان برنامه نویس ی زبان شروع کنید به کار کردن نیاز به ابزار هایی دارید زبان نشانه گذاری اچ تی ام ال هم همینطور است که شما نیاز به ابزار و لوازمی نیاز دارید تا به راحتی بتوانید ایده هایی که در ذهنتان نقش میبندند را پیاده سازی و عملی کنید برای نوشتن اچ تی ام ال به ابزار های عجیب غریب نیازی نیست که در ادامه برخی از آنها را نام میبریم:

  • کامپیوتر
  • اینترنت
  • محیط مناسب برای کدنویسی
  • ابزارهای پیشرفته کدنویسی
  • کامپایلر
  • مرورگرها
  • نرم افزارهای مهم و کاربردی طراحی سایت

فرانت اند چیست

Html از بزرگترین و پرکاربرد ترین زبان ها در طراحی فرانت اند است. به تمامی امکانات و ویژگی هایی که روی ظاهر و گرافیک سایت تاثیر گذاشته می گذارد و هیچ ارتباطی با عملکرد و نحوه عملکرد آن ندارد فرانت اند می گویند. همچنین لازم نیست فقط یا اچ تی ام ال بخش فرانت اند یک سایت را طراحی کنید میتوانید با برخی از زبان های برنامه نویسی مثل PHP، JavaScript، Python و بسیاری از زبان های دیگر این کار را انجام داد.

تفاوت پسوند HTM و Html

اگر کمی در زمینه طراحی سایت صنایع غذایی کار کرده باشید، مطمئنا به فرمت‌های htm و html برخورده‌اید. مثلاً اگر بخواهید یک صفحه که در FrontPage یا Expression Web و … طراحی سایت معماری کرده‌اید را ذخیره کنید، می‌توانید به یکی از این دو فرمت ذخیره کنید. در قدیم برخی از سیستم‌ عامل‌ ها مانند ویندوز ۳، قابلیت پشتیبانی از چهار کاراکتر برای پسوند نداشتند و مجبور بودند تا از htm که سه کاراکتر بود، استفاده کنند.

HTML و CSS برای ساخت سایت کافی است

برای سوال بالا باید بگوییم که خیر زیرا طراحی سایت بسیار گسترده است که با عناصر زیادی میشود آن را ساخت و اچ تی ام و سی اس اس تنها یک بخش کوچک از دنیای بی پایان طراحی سایت است. هر سایت دارای دو بخش اصلی است. فرانت اند  و بک اند در این میان باز هم HTML و CSS بخش کوچکی از بخش FRONT-END یک سایت را به عهده گرفته است.

اچ تی ام ال می تواند با زبان های دیگر ادغام شود

HTML می تواند به راحتی با چندین زبان ادغام شود و مشکلی در آن ایجاد نکند. به عنوان مثال: در JavaScript ،Php ،node.js ،CSS و بسیاری دیگر، ما کد این زبانها را بین HTML می نویسیم و به راحتی با آنها ترکیب می شود.

نحوه کار Html

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

شبکه های اجتماعی

برخی از وب سایت های خارجی به ویژه شبکه های اجتماعی  از برچسب عنوان شما استفاده می کنند تا مشخص کنند هنگام اشتراک آن صفحه، چه چیزی را نمایش دهند.

باید دقت داشته باشید که بعضی از شبکه های اجتماعی ساختار برچسب خود را دارند که به شما این امکان را می دهد. تا عناوین را با برچسب عنوان اصلی خود متفاوت کنید.

تاریخچه Html 

در سال 1989 میلادی تیم برنرز-لی  (Tim Berners-Lee) با انتشار زبان HTML، شبکه جهانی Html وب را اختراع می‌کند. جالب است بدانید که شبکه جهانی وب زندگی خود را در CERN، یک آزمایشگاه فیزیک ذرات در ژنو آغاز کرد. بعد از اولین طراحی HTML و HTML + شرکت IETF یک گروه کاری برای کار روی HTML ایجاد کرد. و در سال ۱۹۹۵ موفق به تکمیلHTML 2.0 شدند

چگونه وب سایت ها از HTML استفاده می کنند؟

وب سایت ها با نوشتن کد های اچ تی ام ال را در صفحات خود به طوری که کاربران از آنها اطلاعی نداشته باشد انجام میدهد. همچنین با نوشتن تگ های مورد  نیاز مرورگر را کد گذاری میکنند تا محتوا را به درستی نشان کاربران بدهد

جمع بندی

تیم تفکر برتر سعی بر این داشته است که اطلاعات مفید و کاربردی را به شما دوستان ارائه دهد. تا شما بتوانید از آنها در حوضه کاری خودتان استفاده کنید ما در این مقاله به تاریخچه و نوع ساختن این زبان اشاره کردیم همچنین سعی کردیم تمام نکاتی که لازم است. شما راجع به زبان نشانه گذاری html بدانید در این مقاله آورده ایم.

بازگشت به لیست

نوشته های مشابه

1 دیدگاه در “Html چیست؟ نسخه HTML

  1. Mohammad گفت:

    مقاله مفیدی بود از نکات گفته شده برای شروع اموزش html استفاده کردم

دیدگاهتان را بنویسید

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