اچ تی ام ال HTML(زبان برنامه نویسی front-end)
در این مقاله که توسط شرکت طراح برتر جمع آوری و ترجمه شده است به بررسی زبان برنامه نویسی اچ تی ام ال که در دسته زبان های برنامه نویسی فرانت اند قرار میگیرد میپردازیم
(hypertext Markup Language (HTML زبان علامت گذاری استاندارد اسنادی است که برای نمایش در مرورگر وب طراحی شده است. با استفاده از فناوری هایی مانند Cascading Style Sheets .CSSو زبان های نوشتاری مانند JavaScript می توان به آن کمک کرد.
مرورگرهای وب اسناد HTML را از یک سرور وب یا از حافظه محلی دریافت می کنند و اسناد را به صفحات وب چندرسانه ای ارائه می دهند. HTML ساختار یک صفحه وب را به صورت معنایی توصیف می کند و در ابتدا نشانه هایی برای ظاهر سند را شامل می شود.
عناصر HTML عناصر سازنده صفحات HTML هستند. با سازه های HTML ، تصاویر و اشیا دیگر مانند فرم های تعاملی ممکن است در صفحه ارائه شده تعبیه شوند. HTML با علامت گذاری معنایی ساختاری برای متن مانند عناوین ، پاراگراف ها ، لیست ها ، پیوندها ، نقل قول ها و موارد دیگر ابزاری را برای ایجاد اسناد ساخت یافته فراهم می کند. عناصر HTML توسط برچسب ها مشخص شده و با استفاده از براکت های زاویه ای نوشته می شوند. برچسب هایی مانند <img /> و <input /> مستقیماً محتوا را به صفحه وارد می کنند. برچسب های دیگر مانند <p> فراگیر هستند و اطلاعات مربوط به متن سند را ارائه می دهند و ممکن است سایر برچسب ها را به عنوان عناصر فرعی شامل شوند. مرورگرها برچسب های HTML را نمایش نمی دهند ، اما از آنها برای تفسیر محتوای صفحه استفاده می کنند.
HTML می تواند برنامه هایی را که به زبان اسکریپت نویسی مانند JavaScript نوشته شده اند تعبیه کند که این امر بر رفتار و محتوای صفحات وب تأثیر می گذارد. گنجاندن CSS ، شکل و طرح مطالب را مشخص می کند. کنسرسیوم شبکه جهانی وب (W3C) ، نگهدارنده سابق HTML و نگهدارنده فعلی استانداردهای CSS ، از سال 1997 استفاده از CSS را برای HTML نمایشی صریح تشویق کرده است.
توسعه
در سال 1980 ، تیم برنرز لی ، فیزیکدان ، پیمانکار در CERN ، INQUIRE ، سیستمی را برای محققان CERN برای استفاده و اشتراک اسناد ، پیشنهاد و نمونه اولیه آن را ارائه داد. در سال 1989 ، برنرز لی یادداشتی نوشت که یک سیستم ابرمتنی مبتنی بر اینترنت را پیشنهاد می کرد. برنرز لی HTML را مشخص كرد و در اواخر 1990 نرمافزار مرورگر و سرور را نوشت. در آن سال ، برنرز لی و مهندس سیستم داده های CERN رابرت كیلیائو بر روی یك درخواست مشترک برای تأمین بودجه همکاری كردند ، اما این پروژه به طور رسمی توسط CERN تصویب نشد.
اولین توصیف HTML که به صورت عمومی در دسترس بود سندی به نام “HTML Tags” بود که اولین بار در اواخر سال 1991 توسط تیم برنرز-لی در اینترنت بیان شد.HTML یک زبان نشانه گذاری است که مرورگرهای وب از آن برای تفسیر و نوشتن متن ، تصاویر و سایر مطالب در صفحات وب دیداری یا شنیدنی استفاده می کنند. خصوصیات پیش فرض برای هر مورد از نشانه گذاری HTML در مرورگر تعریف شده است ، و این ویژگی ها را می توان با استفاده اضافی طراح صفحه وب از CSS تغییر یا افزایش داد.
بسیاری از عناصر متن در گزارش فنی ISO 1988 TR 9537 تکنیک های استفاده از SGML یافت می شود ، که به نوبه خود ویژگی های زبان های قالب بندی اولیه متن مانند موارد استفاده شده توسط دستور RUNOFF را در اوایل 1960 برای CTSS استفاده می کند.
سیستم عامل
این دستورات قالب بندی از دستوراتی که توسط حروفچین برای قالب بندی دستی اسناد استفاده می شود گرفته شده است. با این حال ، مفهوم SGML از علامت گذاری عمومی بر اساس عناصر (دامنه های حاشیه گذاری شده تو در تو با ویژگی ها) است و نه فقط اثرات چاپ ، با جداسازی ساختار و علامت گذاری.
HTML با CSS به تدریج در این مسیر حرکت کرده است.برنرز لی HTML را یکی از کاربردهای SGML دانست. پیش نویس اینترنتی توسط برنرز لی و دن کانلی به این صورت تعریف شد که شامل تعریف نوع سند SGML برای تعریف دستور زبان است. پیش نویس پس از شش ماه منقضی شد ، اما به دلیل تأیید برچسب سفارشی مرورگر NCSA Mosaic برای جاسازی تصاویر درون خطی ، منعکس کننده فلسفه IETF مبنی بر پایه گذاری استانداردهای نمونه های موفق بود.
عنصر HTML
اسناد HTML حاکی از ساختاری از عناصر HTML تو در تو است. اینها در سند توسط برچسب های HTML نشان داده می شوند که در براکت های زاویه ای محصور شده اند:
در حالت ساده و کلی ، میزان یک عنصر با یک جفت برچسب نشان داده می شود: یک “برچسب شروع” <p> و “برچسب پایان” </ p>. محتوای متن عنصر در صورت وجود ، بین این برچسب ها قرار می گیرد. همچنین ممکن است برچسب ها نشانه گذاری بیشتر برچسب را بین شروع و انتها محصور کنند ، از جمله ترکیبی از برچسب ها و متن. این عناصر بیشتر (تو در تو) را به عنوان فرزندان عنصر والدین نشان می دهد. برچسب شروع ممکن است شامل ویژگی های درون برچسب نیز باشد. اینها اطلاعات دیگری مانند شناسه های بخشهای داخل سند ، شناسه های مورد استفاده برای اتصال اطلاعات سبک به ارائه سند و برخی از برچسب ها مانند <img> برای جاسازی تصاویر ، اشاره به منبع تصویر در قالب مانند این:
<img src = “example.com/example.jpg”>
برخی از عناصر ، مانند خط شکسته <br> ، یا <br /> هیچ محتوای جاسازی شده ، متن یا برچسب های دیگر را مجاز نمی دانند. این موارد فقط به یک برچسب خالی (مشابه برچسب شروع) نیاز دارند و از برچسب پایان استفاده نمی کنند. بسیاری از برچسب ها ، به ویژه برچسب پایان بسته شده برای عنصر پاراگراف بسیار رایج <p> ، اختیاری هستند.
یک مرورگر HTML یا عامل دیگر می تواند بسته شدن انتهای یک عنصر را از زمینه و قوانین ساختاری تعریف شده توسط استاندارد HTML استنباط کند. این قوانین پیچیده است و به طور گسترده ای برای رمزگذاران HTML قابل درک نیست.
دکتر فاطمه رجبی