100% کامل شده تا
به‌روزرسانی شده در: ۱۸ روز پیش

مقدمه استفاده از HTML 5 بهمراه مثال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو




HTML زبان نشانه‌گذاری‌ست در قالب استاندارد، برای ایجاد صفحات وب.[۱]


HTML چیست؟ (What is HTML?)

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

  • HTML (سرواژهٔ: Hyper Text Markup Language) به معنای زبان نشانه‌گذاری فرامتن است.
  • HTML ساختار یک صفحه وب را توصیف می‌کند
  • HTML شامل مجموعه‌ای از عنصر هاست
  • عناصر HTML به مرورگر می‌گویند محتوا را چگونه نمایش دهد
  • عناصر HTML توسط تگ‌ها نمایش داده می‌شوند
  • تگ‌های HTML تکه‌های محتوا را برچسب گذاری می‌کنند مانند “heading” ،“paragraph” ،“table” و غیره...
  • مرورگرها تگ‌های HTML را نمایش نمی‌دهند، اما از آنها برای ترجمهٔ محتوای صفحه استفاده می‌کنند

یک سند HTML ساده (A Simple HTML Document)

مثال

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

مثال

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>


Responsive demo.svg


توضیح مثال (Example Explained)

  • اعلان <!DOCTYPE html> تعریف می‌کند این سند از نوع HTML5 است
  • عنصر <html> عنصر ریشه ی یک صفحه HTML است
  • عنصر <head> دارای فرا اطلاعاتی در مورد سند است
  • عنصر <title> نام سند مشخص می‌کند
  • عنصر <body> شامل محتوای قابل نمایش صفحه است
  • عنصر <h1> یک عنوان بزرگ را تعریف می‌کند
  • عنصر <p> نشان دهنده ی یک پاراگراف است



عنصر HTML چیست؟ (What is an HTML Element?)

تگ‌های HTML نام عنصرها است که داخل علامت‌های بزرگتر و کوچکتر < > قرار گرفته‌اند:

<tagname>Content goes here...</tagname>


اولین تگ، تگ شروع و تگ دوم تگ پایانی است

<h1>My First Heading</h1>


  • تگ‌های HTML معمولاً بصورت جفت هستند مانند: </p> و <p>
  • تگ شروع مانند تگ پایانی است اما قبل از نام تگ یک کاراکتر ممیز (Forward Slash) قرار می‌گیرد
نکته: به تگ شروع Opening tag و به تگ پایانی closing tag هم گفته می‌شود.

مرورگرهای وب (Web Browsers)

هدف یک مرورگر وب (Chrome, Edge, Firefox, Safari) خواندن سندهای HTML و نمایش آن‌هاست.

مرورگر تگ‌های HTML را نمایش نمی‌دهد، اما از آنها برای تشخیص نحوهٔ نمایش سند استفاده می‌کند:


ساختار صفحه اچ تی ام ال (HTML Page Structure)

در ادامه ساختار یک صفحه HTML قابل مشاهده است:

<html>
<head>
<title>Page title</title>

</head>

<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

</body>

</html>

Responsive demo.svg

[[:HTML:Tutorial/مقدمه/Tutorial/مثال 1]]

توجه: محتوای داخل بخش <body> (ناحیه سفید رنگ بالا) در مرورگر نمایش داده می‌شود.

تاریخچه اچ تی ام ال (HTML History)

از همان اوایل وب، نسخه‌های زیادی از HTML وجود داشته‌است:

سال نسخه
۱۹۸۹ تیم برنرز-لی www را اختراع کرد
۱۹۹۱ تیم برنرز-لی HTML را اختراع کرد
۱۹۹۳ دیو رگت HTML+ را طراحی کرد
۱۹۹۵ گروه کاری HTML, HTML 2.0 را تعریف کرد
۱۹۹۷ پیشنهاد W3C: برای HTML 3.2
۱۹۹۹ پیشنهاد W3C: برای HTML 4.01
۲۰۰۰ پیشنهاد W3C: برای HTML 1.0
۲۰۰۸ اولین طرح عمومی WHATWG HTML5
۲۰۱۲ استاندارد زنده WHATWG HTML5
۲۰۱۴ پیشنهاد W3C: برای HTML5
۲۰۱۶ پیشنهاد کاندید W3C: برای HTML 5.1
۲۰۱۷ پیشنهاد W3C: برای ویرایش دوم HTML 5.1
۲۰۱۷ پیشنهاد W3C: برای HTML 5.2
این آموزش از آخرین استاندارد HTML 5 پیروی می‌کند.



منابع آموزشی