HTML چیست؟ | معرفی ساختار کلی HTML، تاریخچه و انواع نسخه های آن

آموزش HTML
آموزش HTML

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

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

اچ تی ام ال (HTML) یک زبان برنامه نویسی (به صورت تخصصی تر : زبان نشانه گذاری) برای طراحی اسکلت بندی ظاهر تمام وب سایت ها و صفحات موجود در وب است که مخفف HyperText Markup Language و به معنای “زبان نشانه گذاری فرامتن” می باشد. زبان HTML نخستین بار توسط آقای Tim Berners-Lee (به فارسی :‌تیم برنرز-لی) ، مهندس و محقق بریتانیایی که مخترع شبکه جهانی وب نیز می باشد ، در اواخر دهه ۱۹۸۰ میلادی ابداع گردید.

تیم برنرز-لی - مخترع وب و HTML
تیم برنرز-لی – مخترع وب و HTML

بر اساس این مقاله از سایت سرن ، زمانی که تیم مشغول به انجام کار در آزمایشگاه سرن (Cern) بود، تصمیم گرفت تا شبکه ای را ابداع کند تا از طریق آن دانشمندان و محققان در آزمایشگاه های تحقیقاتی و دانشگاه ها در سراسر دنیا، اطلاعات و یافته های خود را با یکدیگر اشتراک گذاری کنند و به نقل از این وب سایت ، “Web” (وب : شبکه) دقیقا نامی بود که تیم برای شبکه اشتراک گذاری مقالات و مستندات علمی دانشمندان برگزید.

دلیل نام گذاری اچ تی ام ال به این اسم چیست؟

دلیل این نام گذاری را باید در معنای لغات Markup , HyperText و Language جست و جو کرد :

HyperText : تیم برنرز-لی ، مخترع زبان HTML ،‌ معتقد بود که صفحات اشتراک گذاری شده در وب باید بتوانند به یکدیگر مرتبط شوند و چیزی فراتر از متون خام علمی باشند. به همین دلیل او این مقالات و مستندات علمی را HyperText یا همان فرامتن نامید و با کمک HyperLink (هایپرلینک) ها قابلیت ارتباط میان این مستندات را برقرار نمود. به واسطه همین قابلیت است که شما می توانید در فضای وب گشت و گذار کنید و با کلیک بر روی لینک های گوناگون به هر آدرس دلخواهی در فضای اینترنت بروید. این در حالی است که هیچ گونه نظم و ترتیبی برای انجام این گشت و گذار وجود نداشته و چنین عملیاتی کاملا غیرخطی است.

Markup :‌ هر تگ HTML محتوا و المان (elements) های درون خود را به نوعی نشانه گذاری می نماید.

Language : مانند هر زبان برنامه نویسی، HTML کلمات کلیدی و قواعد دستوری خاص خود را دارد.

این زبان در ابتدا شامل تگ های محدودی بود اما رفته رفته بر تعداد آنها افزوده شد.

HTML دائما در حال بازنگری و تکامل تحت هدایت سازمان W3C می باشد تا نیازهای برنامه نویسان را برطرف نماید.

۲- معرفی نسخه های مختلف HTML

معرفی نسخه های مختلف HTML
معرفی نسخه های مختلف HTML

HTML 1.0

اولین نسخه رسمی HTML بود که با امکاناتی بسیار محدود در طراحی وب به کار می رفت.

HTML 2.0

HTML 2.0، شامل تمام ویژگی های نسخه پیشین خود به علاوه ی تعدادی از ویژگی های جدید بود.

این نسخه تا ژانویه سال ۱۹۹۷ میلادی به عنوان زبان استاندارد طراحی وب استفاده می شد.

HTML 3.0

پس از گذشت مدتی از انتشار نسخه دوم اچ تی ام ال، طراحان وب سایت ها و وب مسترها به این نتیجه رسیدند که به چیزی فراتر، قدرتمندتر و کامل تر از HTML 2.0 احتیاج دارند. از طرفی شرکت Netscape (نت اسکیپ) که در آن زمان مرورگر پرطرفداری را نیز به بازار روانه کرده بود، تصمیم گرفت تا تعدادی tag و attribute جدید تحت عنوان “تگ های افزونه نت اسکیپ” به HTML 2.0 اضافه نماید اما بعدها مشخص شد که این تگ ها از طرف مرورگرهای دیگر به درستی درک و نمایش داده نمی شوند.

در همین زمان بود که یک گروه توسعه دهنده HTML به سرپرستی آقای Dave Raggett نسخه سوم این زبان یعنی HTML 3.0 را که حاوی ویژگی ها و گستردگی های خارق العاده ای نسبت به نسخه پیشین خود بود، منتشر نمودند.

اما جالب است بدانید که طراحان وب و مرورگرهای کاربران همچنان با این زبان دچار مشکلاتی بودند.

HTML 3.2 (WILBUR)

پس از انتشار رسمی HTML 3.0، در حالی که بیشتر مرورگرها در حال توسعه تگ های خاص خود در این زبان بودند،‌ نبود یک استاندارد مدیریتی برای سازمان دهی به این مسئله به شدت احساس می شد. بنابراین سازمان استانداردسازی W3C نسخه ۳٫۲ این زبان را ارائه نمود و این زبان در ژانویه سال ۱۹۹۷ به عنوان یک زبان استاندارد و رسمی برای طراحی وب معرفی شد.

HTML 4.0 (COUGAR)

در دسامبر سال ۱۹۹۷ میلادی، HTML 4.0 با نام Cougar (به معنای گربه وحشی) پا به عرصه وجود نهاد.

این نسخه با رفع مشکلات نسخه های پیشین در آپریل سال ۱۹۹۸ میلادی به مرحله استانداردسازی رسید.

XHTML

شاید انتظار داشته باشید که پس از ارائه HTML 4.0، نوبت به ارائه نسخه پنجم آن باشد اما در واقع زمان پیدایش XHTML فرا رسیده بود. XHTML مخفف EXtensible HyperText Markup Language است که به معنای “زبان نشانه گذاری فرامتن قابل پیش بینی” می باشد. این زبان تگ های چندان زیادی را به همراه خود نداشت.

اما به راستی چه هدفی در ارائه XHTML نهفته بود؟ پاسخ را می توان به نوعی به وسیع تر شدن شبکه وب مرتبط نمود. با افزایش تعداد وب سایت ها، ساختارها و کدنویسی های اشتباه در زمینه HTML بسیار رایج شد اما مرورگرهای دسکتاپ به خوبی می توانستند این اشتباهات را نادیده بگیرند و صفحات طراحی شده را بدون هیچ گونه نقصی به کاربران ارائه دهند. اما از طرفی در آن زمان با مطرح شدن و گسترش استفاده از اینترنت در مرورگرهای موبایل، تلویزیون ها، ماشین ها و حتی دستگاه های بی سیم دستی و … برنامه نویسان متوجه شدند که مرورگرهای این دستگاه ها قدرت محاسبه ی مرورگرهای PC ها یا لپ تاپ ها را ندارند و مانند آن ها قادر به پذیرش و درک شیوه های نادرست و ناقص کدنویسی HTML نمی باشند.

به همین دلیل نسخه سخت گیرانه تری تحت عنوان XHTML پا به عرصه وجود نهاد که باید تمامی استانداردها در آن رعایت می شد تا کدهای آن توسط مرورگرهای سایر دستگاه ها درک و به درستی اجرا شوند.

HTML5

HTML5، استاندارد جدیدی را را با پیروی از HTML 4.0 و XHTML برای طراحی صفحات وب ارائه نمود. این زبان نتیجه شروع همکاری سازمان W3C و گروه WHATWG از سال ۲۰۰۶ میلادی می باشد. هم اکنون مرورگرهای پرطرفدار و قدرتمند جهان نظیر Google Chrome، Mozilla Firefox و Opera تقریبا تمام قابلیت ها و ویژگی های HTML5 را پشتیبانی می کنند. زبان HTML5 قابل درک و خواندن برای انسان ها و همچنین مستقل از دستگاه است. یعنی توسط بسیاری از مرورگرهای دستگاه های الکترونیکی امروزی قابل درک و نمایش است.

هدف از ارائه ی HTML5 را می توان دو مورد عنوان کرد :

  • برای ارتقا سطح نسخه های پیشین HTML
  • پشتیبانی قدرتمند تر از آخرین دستاوردهای مرتبط با مالتی مدیا

۳- ساختار کلی زبان HTML5

ساختار کلی یک صفحه طراحی شده به زبان HTML5 به صورت زیر است :

در پایان امیدواریم از این پست ویتکس نهایت بهره و لذت را برده باشید …

درباره‌ی محمد جاودانی

همه چیز ازون روز قشنگ شروع شد. 12 سال پیشو میگم که پدر و مادرم یه کامپیوتر برام خریدن. تا حالا شده دیوونه وار عاشق یه چیزی بشی؟ همونطوری عاشق کامپیوترم شده بودم! دنیای کودکی من خلاصه شده بود تو نصب ویندوز XP و آنتی ویروس های مختلف، نصب بازی ، باز و بسته کردن کیس کامپیوتر و خلاصه مهندس بازی درآوردن! هیچ چیز دیگه ای منو جذبم نمی کرد! چند سال گذشت و وقتی 14 سالم شد اولین وبلاگمو ساختم. تو فروم های مختلف بدون داشتن ذره ای دانش از فضای وب، شروع به فعالیت کردم و نزدیک هشت سال پیش اولین وب سایتمو با وردپرس ساختم و بعد یک سال شکست خوردم. از اون روز تا الان پروژه های زیادیو شروع کردم و شکست خوردم که معروف ترینش وب سایت پی سی لند بود ... سمت خیلی از زبونای برنامه نویسی رفتم و وسط راه مسیرمو عوض کردم و دنبال یه چیز جدیدتر رفتم ... خلاصه که بعد از کلی کش و قوس هنوزم به نظرم اول راهم و هر روز بیشتر از روز پیش تلاش می کنم ... محمد جاودانی، دانشجوی کارشناسی مهندسی نرم افزار هستم و در زمینه های توسعه دهندگی فرانت-اند تحت فریمورک React (JavaScript)، توسعه دهندگی بک-اند تحت فریمورک (Python) Django، سئو و تولید محتوا فعالیت دارم و اکنون در قلب "وی"، همراهِ تیم باانگیزه و به روزمون برای پیشرفت بی پایان "ویتکس" تلاش می کنم.

دیدگاه شما

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

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