آیا تا بحال واژه ی HTML به گوشتان خورده است ؟ اکثر کسانی که در دنیای وب به برنامه نویسی و طراحی وب مشغول هستند با این واژه آشنایی دارند و حتما آن را شندیده اند .

در این مقاله به معرفی HTML و کاربرهای آن و همچنین رابطه آن با css  و… میپردازیم.

HTML چیست ؟

این کلمه مخفف Hyper Text Markup Language  که به معنای زبان نشانه گذاری فرا متنی است .

HTML یک زبان نشانه گذاری با استاندارد های بین المللی است  که تمامی کدهای به کار برده شده در صفحات به این زبان تبدیل شده و در اخر به کاربران نمایش داده میشود .

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

که صفحات وب شامل دستورات HTML و کد های متفاوت است .

کاربرد های HTML

حالا که متوجه شدیم HTML چیست بهتر از در رابطه با کاربرد های آن هم صحبتی داشته باشیم تا به درک بهتری از این زبان برسیم.

با استفاده از  HTML میتوان قالب صفحات سایت را طراحی و پی ریزی کرد . که این طراحی در دو مرحله قابل انجام است ،

یکی ساختار بندی صفحات و دیگری ظراهر سازی سایت مانند رنگ که توسط css   صورت میگیرد .

توجه داشته باشید این زبان با تمامی مرورگر ها سازگار است اما زبان هایی مانند css و  php  و… به هنگام نمایش در مرورگر ها به مشکل بر میخورند .

مزایا و معایب

زبان های HTML و css   و جاوا به کمک یکیدیگر هسته صفحات وب را تشکیل میدهند و یکی از زبنهای بسیار مهم طراحی وب سایت به شمار میرود.

اما این زبان هم مانند دیگر زبان ها محدودیت ها و مزایایی دارد که در ادامه برخی از آنها را برای شما همراهان همیشگی کدینو بیان میکنیم .

مزایای HTML:

• سهولت در یادگیری
• سازگار بودن با تمامی مرورگرها
• رایگان بودن
• قابلیت ادغام با زبان های دیگر مانند php
• متن باز بودن

معایب HTML :

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

رابطه HTML با جاوا و css :

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

و میدانیم که سایتی بدون ظاهر زیبا و جذاب کاربردی ندارد و هیچ مخاطبی را جذب نمیکند .

یکی از راهای جذاب کردن و کاربر پسند کردن صفحات استفاده از زبانهای جاوا اسکریپت و css است . که نقش بسزایی در ظاهر سازی صفحات وبسایت دارد .

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

در مقالات قبلی راجب فرانت اند به صور تخصصی صحبت کردیم که میتوانید برای به دست اوردن اطلاعات تخصصی مقاله فرانت اند را مطالعه کنید .

اما به شکل خلاصه اگر بخواهیم بیان کنیم، به مجموعه عملیات و تکنولوژی که بر ظاهر سازی سایت تاثیر دارد فرانت اند میگویند .

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

یکی از پرکاربرد ترین ومشهور ترین زبان ها برای فرانت اند HTML است ، که تمامی متخصصان طراحی فرانت اند از این زبان و زبان های جاوا اسکریپت و css  استفاده میکنند

و از عناصر اصلی فرانت اند به شمار میرود .

تگ ها در HTML

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

با استفاده از تگ ها میتوانید صفحات را جدول بندی کنید و یا عکس ، لینک، گیف و یا حتی پاراگراف بسازید .

در ادامه چند نمونه از تگ های پرکاربرد را برای شما معرفی میکنیم :

HTML: اصلی ترین تگ در صفحات است که دیگر کد درون بدنه ی این تگ نوشته میشوند.

head: در این تگ که به عنوان سربرگ سایت استفاده میشوند میتوان لینک css  را قرار داد و حتی توضیحاتی راجب سایت و صفحات به آن اضافه کرد .

body: این تگ همانطور که از نامش مشخص است به عنوان تگ بدنه عمل میکند و تمامی کدها در درون این تگ قرار میگیرند .

br: عمکلرد آن مانند کلید  enter است

 img : این تگ برای اضافه کردن عکس مورد استفاده قرار میگیرد .

و بسیاری از تگ های دیگر که کاریردهای متفاوتی دارند

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

با تمام این توضیحاتی که در بالا دادیم شاید هنوز کسانی باشند که درک نکرده باشند چرا HTML یک زبان برنامه نویسی نیست ؟

لازم به ذکر است که HTML هیچ کدام از ویژگی های زبان های برنامه نویسی را ندارد به عنوان مثال در زبان های برنامه نویسی توابع ،

حلقه ها ، متغییر ها و هزاران اصل دیگر وجود دارد که در HTML وجود ندارد  و فقط توانایی سازماندهی و ساختاربندی صفحات را دارد .

تفاوت HTML5  با HTML ؟

HTML5 در سال 1997 معرفی شد و نسخه پیشرفته زبان تفاوت HTML است . در این نسخه استفاده از فایل های چند رسانه ای پشتیبانی میشود .

و امکانات متفاوت زیادی را به کاربران ارائه میدهد .

در نسخه قبلی امکان استفاده از فایل های ویدیویی نبود ولی در این نسخه میتوان زا تمامی فرمت های فایل های متفاوت استفاده کرد .

در نسخه بروز شده تگ <a> فقط برای پیوند لینک ها قابل استفاده است ولی در نسخه قدیمی از این تگ به دلیل مراجعه به لینک و همچنین anchor استفاده میشد

امروزه با پیشرفت روز افزون تکنولوژی مرورگر ها هم پیشرفته تر شده اند و استفاده از HTML در مرورگر ها به خوبی کار نمیکند و ممکن است سایت شما دچار مشکلات ظاهری شود .

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

سخن پایانی کدینو :

در این مقاله تلاش کردیم تمامی نکات زبان نشانه گذاری HTML را بیان کنیم و به شکلی جامع شما را با این زبان آشنا کنیم

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

امیدواریم این مطلب هم مورد پسند شما عزیزان واقع شده باشد و بتواند برایتان مفید باشد .

• طراحی اپلیکیشن شهرداری
• بهترین شرکت های طراحی سایت در 1402
• آموزش تست وب سایت قبل از انتشار
• فریمورک PHP چیست؟
• ویژگی React و کاربرد آن در طراحی UI