برای اولین بار توسط تیم برنرز لی در سال 1990 توسعه یافت، HTML مخفف hypertext markup language است. HTML اسناد الکترونیکی (به نام صفحات وب) را ایجاد می کند که در شبکه جهانی وب نمایش داده می شوند. هر صفحه شامل چندین اتصال به صفحات دیگر به نام هایپرلینک است. هر صفحه وب که می بینید با استفاده از یک نسخه از HTML نوشته شده است.
کد HTML قالب بندی مناسب متن و تصاویر را برای مرورگر اینترنت شما تضمین می کند. بدون HTML، یک مرورگر نمی داند چگونه متن را به عنوان عناصر نمایش دهد یا تصاویر یا عناصر دیگر را بارگذاری کند. HTML همچنین یک ساختار اساسی از صفحه را ارائه می دهد که بر روی آن CSS (سبک های آبشاری) برای تغییر ظاهر آن پوشانده می شود. می توان HTML را به عنوان استخوان (ساختار) یک صفحه وب و CSS را به عنوان پوسته (ظاهر) آن در نظر گرفت.
یک تگ HTML چگونه به نظر می رسد؟
همانطور که در مثال تگ HTML در بالا نشان داده شده است، اجزای زیادی وجود ندارد. بیشتر تگ‌های HTML دارای یک تگ آغازین هستند که شامل نام تگ، ویژگی‌های برچسب، یک تگ بسته شامل یک اسلش رو به جلو و نام تگ بسته می‌شود. برای تگ هایی که تگ بسته شدنی مانند <img> ندارند، بهترین تمرین این است که تگ را با اسلش رو به جلو پایان دهید.
بیشتر تگ ها در براکت های کوچکتر و بزرگتر از زاویه قرار دارند و همه چیز بین تگ باز و بسته نمایش داده می شود یا تحت تأثیر تگ قرار می گیرد. در مثال بالا، تگ <a> پیوندی به نام “irtecnology” ایجاد می کند که به فایل index.html اشاره می کند.
HTML چه شکلی است؟
در زیر نمونه ای از یک صفحه وب پایه نوشته شده به زبان HTML با توضیح هر بخش و عملکرد آن آورده شده است.
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “https://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<title>Example page</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1252″>
</head>
<body>
<h1>This is a heading</h1>
<p>This is an <b>example</b> of a basic HTML page.</p>
</body>
</html>
کادر بالا حاوی اجزای اصلی یک صفحه وب اصلی است. هر یک از خطوط در زیر با جزئیات بیشتر توضیح داده شده است.
خط DOCTYPE توضیح می دهد که صفحه با چه نسخه ای از HTML نوشته شده است تا یک مرورگر اینترنت بتواند متن زیر را تفسیر کند.
- تگ باز <html> به مرورگر اجازه می دهد تا بداند در حال خواندن کد HTML است.
- بخش <head> حاوی اطلاعاتی در مورد صفحه است، مانند عنوان آن، متا تگ ها و محل قرارگیری فایل CSS.
- بخش <body> شامل هر چیزی است که در مرورگر قابل مشاهده است. به عنوان مثال، تمام متنی که در اینجا مشاهده می شود در تگ های بدنه موجود است.
- تگ <h1> عنوان صفحه قابل مشاهده است.
- تگ <p> یک پاراگراف از متن است. اکثر صفحات وب (مانند این صفحه) دارای چندین تگ پاراگراف هستند.
- در پاراگراف، تگ <b> وجود دارد که کلمه مثال در پاراگراف را پررنگ می کند.
- در نهایت، تگ های بسته هر یک از تگ های بالا را می پیچند.
HTML5 چیست؟
HTML5 به روز رسانی به HTML از HTML4 است (XHTML از طرح شماره گذاری نسخه های متفاوتی پیروی می کند). از همان قوانین اولیه HTML4 استفاده می کند، اما برخی برچسب ها و ویژگی های جدید را اضافه می کند که به معنای بهتر و عناصر پویا که با استفاده از جاوا اسکریپت فعال می شوند، اجازه می دهد. عناصر جدید عبارتند از:
<article>، <aside>، <audio>، <bdi>، <canvas>، <datalist>، <details>، <embed>، <figure>، <figcaption>، <footer>، <header >، <keygen>، <mark>، <meter>، <nav>، <output>، <progress>، <rp>، <rt>، <ruby>، <time>، <track>، <video>، و <wbr>.
همچنین انواع ورودی جدید برای فرم ها وجود دارد که شامل تلفن، جستجو، آدرس اینترنتی، ایمیل، تاریخ، تاریخ، ماه، هفته، زمان، تاریخ-محلی، شماره، محدوده و رنگ است.
با افزایش حرکت برای جدا نگه داشتن ساختار و سبک، برخی از عناصر سبک حذف شدند. همچنین برچسب هایی با مشکلات دسترسی یا استفاده کمی از آنها نیز حذف شدند. این عناصر زیر دیگر نباید در کد HTML استفاده شوند:
<acronym>، <applet>، <basefont>، <big>، <center>، <dir>، <font>، <frame>، <frameset>، <noframes >، <strike> و <tt>.
HTML5 همچنین اعلان doctype را به تگ در کادر زیر ساده می کند.
<!doctype html>
HTML5 چه شکلی است؟
همانطور که در زیر نشان داده شده است، کد HTML5 مشابه نمونه قبلی HTML4 است، اما تمیزتر است و دارای یک تگ doctype اصلاح شده است.
<!doctype html>
<html>
<head>
<meta charset=”utf-8″>
<title>Example page</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is an example of a basic HTML page.</p>
</body>
</html>
نحوه ایجاد و مشاهده HTML
از آنجایی که HTML یک زبان نشانه گذاری است، اگر با پسوند فایل htm. یا html. ذخیره شود، می توان آن را در هر ویرایشگر متنی ایجاد و مشاهده کرد. با این حال، اکثر آنها طراحی و ایجاد صفحات وب در HTML با استفاده از ویرایشگر HTML را آسان تر می دانند.
پس از ایجاد فایل HTML، می توان آن را به صورت محلی مشاهده کرد یا در یک وب سرور آپلود کرد تا با استفاده از مرورگر به صورت آنلاین مشاهده شود.
کدام پسوند فایل با HTML استفاده می شود؟
فایل های HTML از پسوند فایل htm. یا html. استفاده می کنند. نسخه‌های قدیمی‌تر ویندوز (Windows 3.x) فقط پسوندهای فایل سه حرفی را مجاز می‌دانند، بنابراین به جای html از htm. استفاده می‌کردند. با این حال، هر دو پسوند فایل معنی یکسانی دارند و ممکن است امروزه از هر کدام استفاده شود. با این حال، توصیه می کنیم به یک قرارداد نامگذاری پایبند باشید زیرا وب سرورهای خاصی ممکن است یک پسوند را بر دیگری ترجیح دهند.
آیا HTML به حروف کوچک و بزرگ حساس است؟
تگ های HTML و اکثر ویژگی ها به حروف بزرگ و کوچک حساس نیستند. با این حال مقادیر مشخصه و بخش هایی از HTML وجود دارد که به حروف کوچک و بزرگ حساس هستند. به عنوان مثال، هنگام وارد کردن نام فایل، اگر سیستم عامل (به عنوان مثال، لینوکس) به حروف کوچک و بزرگ حساس است، فهرست ها و نام فایل ها باید با حروف مناسب تایپ شوند. سایر بخش‌های HTML که به حروف بزرگ و کوچک حساس هستند دارای یک موجودیت HTML هستند. به عنوان مثال، “á” یک “a” کوچک با لهجه حاد و “Á” یک نسخه بزرگ ایجاد می کند.
آیا HTML یک زبان برنامه نویسی است؟
نه. HTML یک زبان برنامه نویسی نیست. این یک زبان نشانه گذاری است. برای مقایسه بین زبان برنامه نویسی و زبان نشانه گذاری به صفحه زبان نشانه گذاری ما مراجعه کنید.
نحوه تلفظ HTML
HTML به صورت h-t-m-l (aitch-tee-em-el) تلفظ می شود.