تاریخچه html ,معنی و توضیحات آن

HTML مخفف عبارت Hyper Text Markup Language است که برای ایجاد صفحات و برنامه های وب استفاده می شود. منظور از Hypertext Markup Language و صفحه وب چیست؟

HTML چگونه کار می کند؟

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

ابتدایی ترین قرارداد های HTML گنجاندن یک اعلان نوع سند در ابتدای فایل متنی و همیشه در اول سند است، زیرا بخشی است که به طور قطعی به رایانه اطلاع می دهد که این یک فایل HTML است. هدر سند معمولاً به این صورت است: <!DOCTYPE html>.

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

Doctype ها فقط برای HTML استفاده نمی شوند، بلکه می توانند برای ایجاد هر سندی که از SGML (Standard Generalized Markup Language) استفاده می کند، اعمال شوند. SGML استانداردی برای تعیین یک زبان نشانه گذاری خاص است که استفاده می شود. HTML یکی از چندین زبان نشانه گذاری است که اعلان های SGML و doctype روی آن اعمال می شود.

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

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

تگ های HTML به چه شکل می باشند؟

همانطور که در مثال تگ HTML در تصویر بالا مشاهده می شود ، اجزای زیادی وجود ندارد. بطور کلی در این جا دو نوع تگ داریم : ۱- تگ های باز/شروع کننده (Opening Tag) و ۲- تگ های بسته/انتهای تگ (Closing Tag).

تگ های باز HTML شامل تگ نام (name) و تگ ویژگی (attribute) می باشد که همگی آنها مثل تگ هدینگ شامل یک هشتک باز (>) ، اسم تگ و یک هشتک بسته (<) هستند.

تگ های بسته شامل forward slash و تگ name بسته هستند. همانطور که در شکل مشاهده می کنید ، تگ های بسته شامل یک هشتک یا زاویه باز (>) ، یک علامت اسلش (forward slash) ، اسم تگ و یک هشتک یا زاویه بسته (<) هستند. برای تگ هایی مانند <img> که تگ های بسته هستند ، بهتر است آن را با یک forward slash به پایان برسانید.

پس همانطور که گفته شد هر تگ بین یک هشتک یا زاویه باز (>) و یک هشتک یا زاویه بسته (<) قرار دارد و همه چیز بین تگ باز و بسته نمایش داده می شود. در مثال بالا ، تگ <a> لینکی به نام “SariAsan” ایجاد می کند که به فایل hope.html اشاره می کند.

یک مثال ساده از HTML :

<!DOCTYPE>

<html>

<head>

<title>Web page title</title>

</head>

<body>

<h1>Write Your First Heading</h1>

<p>Write Your First Paragraph.</p>

</body>

</html>

توضیحات مثال

< DOCTYPE!>: این قسمت نوع سند را مشخص می کند یا به مرورگر درباره نسخه HTML اطلاع می دهد.

<html>: این تگ به مرورگر اطلاع می دهد که این یک سند HTML است. متن بین تگ html سند وب را توصیف می دهد. این تگ یک نگهدارنده برای سایر عناصر HTML به جز <DOCTYPE! > است.

<head>: این تگ باید اولین عنصر درون تگ <html> باشد که شامل داده های اضافی (اطلاعات مربوط به سند) است. تگ <head> باید قبل از باز شدن تگ <body> بسته شود.

<title>: همانطور که از نام آن پیدا است، برای اضافه کردن عنوان به صفحه HTML استفاده می شود که در بالای پنجره مرورگر نمایش داده می شود. باید داخل تگ <head> قرار گیرد و بلافاصله بسته شود. (این تگ اختیاری است.)

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

<h1>: متن بین تگ <1h> سرتیتر سطح اول از صفحه وب را نشان می دهد.

<p>: متن بین تگ <p> یک پاراگراف از صفحه وب را توصیف می کند.

HTML5 چیست؟

HTML5 نسخه ی روزرسانی شده HTML از HTML4 است (XHTML از یک ورژن شماره گذاری متفاوت پیروی می کند). HTML5 نیز از همان قوانین اساسی HTML4 پیروی می کند ، اما برخی تگ ها و ویژگی های جدیدی اضافه می کند که معنایی بهتر و عناصر پویا را با استفاده از JavaScript فعال می کند. عناصر جدید عبارتند از: <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>. همچنین انواع ورودی جدیدی برای فرم ها وجود دارد که شامل تلفن ، جستجو ، آدرس اینترنتی یا url ، ایمیل ، تاریخ ، ماه ، هفته ، زمان ، زمان محلی ، تعداد ، محدوده و رنگ می باشد.

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

اهداف اصلی Html5 پشتیبانی از جدیدترین فناوری‌های چند رسانه‌ای است بطوری که خواندن آن را تسهیل نماید و به طور مداوم نیز توسط رایانه‌ها، مرورگرهای وب، تجزیه کننده‌ها و … قابل فهم باشد.

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

مزایای استفاده از HTML عبارتند از:

به طور گسترده توسط تعداد زیادی از منابع در دسترس پذیرفته شده است.
به صورت بومی در هر مرورگر اجرا می شود.
یادگیری آن نسبتا آسان است.
دارای کد منبع تمیز و ثابت است.
برای استفاده منبع باز و رایگان است.
می تواند با سایر زبان های برنامه نویسی بک اند مانند PHP ادغام شود.

معایبی که باید در نظر گرفت عبارتند از:

عملکرد پویای زیادی ندارد و عمدتا برای صفحات وب استاتیک استفاده می شود.
همه اجزاء باید به طور جداگانه ایجاد شوند حتی اگر از عناصر مشابه استفاده کنند.
رفتار مرورگر می تواند غیرقابل پیش بینی باشد. به عنوان مثال، مرورگرهای قدیمی ممکن است با ویژگی های جدید سازگار نباشند.

همه درس ها به ترتیب

مبانی اولیه