HTML چیست؟ مبانی زبان نشانه گذاری فرامتن

حسام یارمحمدی
بدون نظر
بروزرسانی: ۴ آبان, ۱۴۰۲

اگر این مقاله را دوست دارید، لطفا آن را با دوستان خود به اشتراک بگذارید.

مقدمه HTML

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

HTML چیست؟

HTML مخفف Hyper Text Markup Language است
HTML زبان نشانه گذاری استاندارد برای ایجاد صفحات وب است
HTML ساختار یک صفحه وب را توصیف می کند
HTML از یک سری عناصر تشکیل شده است
عناصر HTML به مرورگر می گویند که چگونه محتوا را نمایش دهد
عناصر HTML به قطعاتی از محتوا مانند “این یک عنوان است”، “این یک پاراگراف است”، “این یک پیوند است” و غیره برچسب می زنند.

یک سند HTML ساده

مثال

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

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

مثال توضیح داده شد

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

عنصر HTML چیست؟

یک عنصر HTML با یک تگ شروع، مقداری محتوا و یک تگ پایان تعریف می شود:

< tagname > محتوا به اینجا می رود… < /tagname >

عنصر HTML همه چیز از تگ شروع تا تگ پایان است:

< h1 > اولین عنوان من < /h1 >

< p > اولین پاراگراف من. < /p >

Start tag	Element content	End tag
<h1>	My First Heading	</h1>
<p>	My first paragraph.	</p>
<br>	none	none

توجه: برخی از عناصر HTML فاقد محتوا هستند (مانند عنصر <br>). به این عناصر عناصر خالی می گویند. عناصر خالی برچسب پایانی ندارند!

مرورگرهای وب

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

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

ساختار صفحه HTML

در زیر تصویری از ساختار صفحه HTML آمده است:

<html>
<سر>
<title>عنوان صفحه</title>
</head>
<بدن>
<h1>این یک عنوان است</h1>
<p>این یک پاراگراف است.</p>
<p>این پاراگراف دیگری است.</p>
</body>
</html>

توجه: محتوای داخل قسمت <body> در مرورگر نمایش داده می شود. محتوای داخل عنصر <title> در نوار عنوان مرورگر یا در برگه صفحه نمایش داده می شود.

تاریخچه HTML

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

Year	Version
۱۹۸۹	Tim Berners-Lee invented www
۱۹۹۱	Tim Berners-Lee invented HTML
۱۹۹۳	Dave Raggett drafted HTML+
۱۹۹۵	HTML Working Group defined HTML 2.0
۱۹۹۷	W3C Recommendation: HTML 3.2
۱۹۹۹	W3C Recommendation: HTML 4.01
۲۰۰۰	W3C Recommendation: XHTML 1.0
۲۰۰۸	WHATWG HTML5 First Public Draft
۲۰۱۲	WHATWG HTML5 Living Standard
۲۰۱۴	W3C Recommendation: HTML5
۲۰۱۶	W3C Candidate Recommendation: HTML 5.1
۲۰۱۷	W3C Recommendation: HTML5.1 2nd Edition
۲۰۱۷	W3C Recommendation: HTML5.2