HTML چیست؟
زمان مطالعه 2 دقیقه
۴ مهر ۱۴۰۰
نویسنده پایدار سامانه
تعداد کامنت 0

HTML چیست؟

کلمه HTML مخفف Hyper Text Markup Language به معنای «زبان نشانه گذاری ابرمتن» است. این زبان به صورت اختصاصی برای شرکت خاصی نیست و کنسرسیوم حهانی وب این زبان را پشتیبانی میکند.

کد HTML که میخوانیم اچ تی ام ال اولین و مهم ترین و پرکاربرد ترین زبان طراحی سایت می باشد. صفحه ای که در حال حاضر در پیش روی شماست با اچ تی ام ال نوشته شده است. کافی ست روی صفحه کلیک راست کنید و گزینه ی View page source انتخاب کنید. بیشتر حجم کد های پیش روی شما در صفحه ی View page source را زبان اچ تی ام ال می گویند.

HTML چیست؟

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

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

تاریخچه HTML

HTML هم زبانی هست که در طول زمان دستخوش تغییراتی برای زیبایی و کارآمدی بیشتر شده است. اولین نسخه این زبان HTML1.0 بود، این نسخه محدود کننده بود و فقط میتوانستیم یک متن ساده در وب بگذاریم تا اینکه نسخه HTML2.0 وارد بازار شد که تمام ویژگی های نسخه اول را داشت بعلاوه ی چند ویزگی جدید، این نسخه تا ژانویه 1997 کارآیی داشت.

با گذشت زمان تعداد بیشتری به سمت HTML گرایش پیدا کردند اما این دو نسخه جوابگوی آن ها نبود. به دلیل اینکه همه به دنبال ویژگی ها و توانایی بیشتری بودند تا اینکه گروهی HTML3.0 را تولید کردند که در آن تگ ها و ویزگی های جدیدی وجود داشت اما به دلیل اینکه مرورگرها ویژگی های جدید را به کندی بارگزاری میکردند این نسخه از دور خارج شد. کمی بعد کنسرسیوم وب جهانی HTML3.2 را که اولین نسخه ی خود بود را به بازار ارایه داد.

نسخه HTML 4.01 تحول بسیار بزرگی نسبت به نسخه های پیشین داشت و در دسابمر 1997 پیشنهاد داده شده و در آوریل 1998 به استاندار رسمی طراحی سایت تبدیل شد.

و در نهایت در سال 2004 تصمیم به ساختن آپدیت جدید گرفنه شد و در سال 2010 نسخه HTML5.0 وارد بازار شد که تا اکنون مورد استفاده قرار میگیرد. این ورژن نسبت به ورژن های قبلی خیلی بیشتر تغییر کرده و تگ های جدیدی مانند header، video، canvas و audio و بسیار تگ های جدید را در خود دارد. از مهمترین ویژگی های این زبان میتوان گفت که امکان استفاده همزمان از نوشته و انیمیشن و صدا را دارد که قبل از اچ تی ام ال 5 نبودن این امکان باعث ناراحتی بسیاری از طراحان سایت می شد.

HTML 5

نسخه HTML 5 تحول عظیمی در وب معنایی بود، این نسخه با هدف تسهیل و ساده سازی برای پردازش ماشین کمک بسیاری در درک و فهم جزئیات و محتوایات صفحه ساخته شده است، بعنوان مثال یک ربات خزنده گوگل می تواند منوی ناوبری سایت را با استفاده از تگ استاندارد شده برای این موضوع که با نام تگ nav مورد استفاده قرار میگیرد، درک کند و به راحتی رفتار مناسبی نسبت به آن نشان دهد. به این تیپ از تیگ ها تگ های معنا گرا (Semantic Tags) می گویند که می توان گفت داخل خود متا دیتایی دارند و نیازی به نوشتن هیچ کد و توضیحات اضافه دیگری ندارند.

برخی امکانات اضافه شده به HTML5:

  • پشتیبانی از SVG
  • پشتیبانی بهتر از ویدئو
  • پشتیبانی بهتر از ویدئو
  • پشتیبانی بهتر از CSS3
  • گرافیک های 2 بعدی و 3 بعدی
  • پایگاه‌های داده لوکال (Local)
  • تگ های معنا یی (Semantic Tags)
ساختار صفحه HTML
ساختار صفحه HTML

برخی از تگ های عمومی HTML:

تگ <html>

<html> تگ اصلی HTML که تمامی تگ های اچ تی ام ال در آن قرار میگیرد. این تگ اجباریست باید حتما داخل هر صفحه ای وجود داشته باشد

تگ <head>

اطلاعاتی مثل عنوان صفحات، کلمه کلیدی آن صفحه، کد های جاوا اسکریپت، توضیحی درباره طراح و … که عموما متا دیتا ها (Meta Tags) هستند را تعریف میکند.

تگ <body>

<body> این تگ پس از تگ head قرار میگیرد و هر چه که در آن نوشته شود در سایت نمایش داده خواهد شد.

تگ <a>

<a> از این تگ برای لینک دادن استفاده میشود.

تگ <input>

<input> این تگ برای قرار دادن دکمه ای برای چیزی نوشتن یا تیک زدن استفاده میشود.

تگ <img>

<img> این تگ برای عکس گذاشتن استفاده میشود و با وارد کردن آدرس تصویر در ویژگی src تگ می توانید آن تصویر را در خروجی فایل HTML ببینید.

تگ <p>

<p>Paragraph example</p> با استفاده از این تگ پاراگراف های خود را در آن قرار میدهید.

تگ <div>

<div> یکی از مهم ترین تگ های HTML که کارایی بالایی دارد و یکی از ویژگی های این تگ این است که میتوانید سایت را به طور دلخواه تکه تکه کنید و هر بخش را مخصوص کار مورد نظرتان قرار دهید.

اشتراک گذاری در شبکه های اجتماعی

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

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