آشنایی با زبان برنامه نویسی HTML

اولین سوالی که در شناخت کلیدی برنامه نویسی HTML پیش می‌آید همین هست که HTML به چه معنی ؟

HTMLمخفف کلمه Hypertext Markup Language به معنای زبان نشانه‌گذاری فرامتنی است. مراد از فرامتن، متنی میباشد شامل لینک‌هایی به متن‌ها دیگر که قابل دسترسی سرعت بالا برای اعضا باشند.

زبان برنامه نویسی HTML چیست؟

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

· HTMLساختار صفحات وب را توصیف می‌کند.

· HTMLاز یک سری عناصر تشکیل می‌شود.

· عنصرها HTML به مرورگر می‌گویند که محتوا را چگونه نمایش دهد.

· با HTML نمی‌توان سایتهای دینامیک ایجاد و فضای کلی آن مشابه به Microsoft Word است.

· زمان کار باHTML از ساختار کدنویسی معمولی (برچسب‌ها و نمادها) به کارگیری می‌شود. مثلاً به جهت تولید یک پاراگراف، متن را میان دو علامت <p> و </p> قرار می‌دهند.

تاریخچه HTML

این زبان توسط شخصی به نام مجموعه برنرز لی (Tim Berners-Lee) فیزیکدان انستیتو تحقیقاتی CERN در سوئیس نوآوری شد. این ابتکار عمل از ایده یک سیستم فرامتنی مبتنی بر internet نشأت گرفت. این فیزیکدان نخستین نسخه HTML که شامل ۱۸ برچسب بود را در سال ۱۹۹۱ منتشر کرد. نسخه‌های جدیدتر شامل برچسب‌های بیشتر هم پس از آن منتشر شدند. ورژن HTML4 (که این روزها با همان اسم HTML شناخته می‌شود) در سال ۱۹۹۹ منتشر شد. نسخه بعدی و کامل‌ترین ورژن این گویش تاکنون، یعنی HTML5 در سال ۲۰۱۴ ارائه شد. یک عدد از تازه ترین ویژگی‌های HTML5 امکان قرار دادن فایل صوتی یا این که ویدیویی در نوشته برنامه می‌باشد. به جای به کارگیری از فلش پلیرها، می‌توان همین فایل‌ها با به کارگیری از برچسب‌ها در صفحه تارنما قرار داد. این ورژن همینطور از گرافیک‌های برداری مقیاس‌پذیر (SVG) و MathML به جهت فرمول‌های ریاضی و آمار پشتیبانی می‌کند. در HTML5 بهبودهایی در حوزه برچسب‌های معنادار نیز انجام شده است. برچسبهای معنادار جدید، اطلاعاتی در مورد محتوایشان را در اختیار مرورگرها می‌گذارند که نیز برای اعضا و نیز برای موتورهای جست‌وجو موثر می‌باشد. محبوب‌ترین برچسب‌های معنادار عبارتند از:

· <article> </article>

· <section> </section>

· <aside> </aside>

· <header> </header>

· <footer> </footer>

امروزه زبان برنامه نویسی HTML یک استاندارد وب رسمی می‌باشد. خصوصیات این زبان توسط کنسرسیوم نتورک گسترده جهانی World Wide Web Consortium یا W3C توسعه داده شده و پشتیبانی می‌شود. مطابق آمار منتشر شده در حالا حاضر حدود ۱۴۰ برچسب HTML وجود دارد که البته بعضی از آنها منسوخ شده‌اند.

HTML چطور فعالیت می‌کند؟

سندها لهجه برنامه نویسی HTML فایل‌هایی هستند که در پایان عبارت html. یا این که htm. دارند. مرورگرها این فایل‌ها را خوانده و محتوای آن‌ها را به شکل تماماً خوانا به کاربران ارائه می‌کنند. هر صفحه از تارنما HTML از یک‌سری برچسب تشکیل شده که حیاتی تشکیل ساختار درختی از قسمت‌ها، پاراگراف‌ها، عنوان‌گذاری‌ها و غیره محتوای وب سایت را ایجاد می‌کنند. اغلب اجزای HTML یک آغاز و یک انتها دارند که به ترتیب با ساختار <tag> و </tag> نشان داده می‌شوند.

پرکاربردترین برچسب‌های HTML

برچسب‌ها در لهجه برنامه نویسیHTML به دو مدل با تقسیم می‌شوند:

عنصرها بلاکی (Block-level elements)

همه فضای برنامه نویسی را دربرمی‌گیرند و همیشه آغاز کننده ردیف جدید هستند. عنوان‌ها (Headings) و پاراگراف‌ها در همین جور قرار می‌گیرند. سه برچسب بلاکی که بایستی در هر گواهی HTML موجود باشند عبارتند از <html>، <head> و <body>..

· برچسب <html> </html> بالاترین (اولین) عنصری هست که صفحه HTML را دربرمی‌گیرد.

· آن گاه برچسب <head> </head> قرار دارد که حاوی اطلاعات متا مثل تیتر صفحه است.

· در اخر برچسب <body> </body> می‌آید که شامل محتوای برگه است.

موادتشکیل دهنده اینلاینی (Inline elements)

تنها به اندازه نیازشان فضا را اشغال می‌کنند و شروع کننده سطر نو نیستند. این موادتشکیل دهنده به جهت قالب‌بندی محتوای درون موادسازنده بلاکی به کار می‌روند. لینک‌ها و رشته‌های تاکیدی از این جور موادسازنده هستند. مثلاً برچسب <strong> </strong> به جهت بولد نمودن کلمه درون برچسب و برچسب <em> </em> به جهت ایتالیک کردن آن استعمال می‌شود. لینک‌های باطن نوشته نیز از دسته موادسازنده اینلاینی میباشند که باید در برچسب <a> </a> و به همراه نماد href نوشته شوند. عکسها هم در همین دسته‌بندی قرار دارند. برای قرار دادن عکس از برچسب <img> و قرار دادن مسیر مربوط به مکان مراقبت پوشه آنگاه از عبارت src به کارگیری می‌شود. در همین گزینه نیازی به تایپ عبارت </img> نیست.

شناخت و درک کاربرد هر مورد از این عناصر قدم مهمی در شناخت اهمیت زبان برنامه نویسی HTML به شمار می‌رود.

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

گویش برنامه نویسی HTML مانند هر چیز دیگری نقاط ضعف و قوت خودش را دارد. برای آشنایی خوب تر حساس لهجه برنامه نویسی HTML بهتر هست این موارد را در نظر داشته باشید:

مزایا

· دوچندان پرکاربرد با منابع متعدد

· قابل اجرا در همه مرورگرها

· شامل منحنی یادگیری هموار

· منشاء باز (open-source) و تماما مجانی

· نشانه‌گذاری تمیز و کاملا سازگار

· دارای استانداردهای وب موثق به وسیله W3C

· قابل دریافت به وسیله زبان‌هایی نظیر PHP و Node.js

معایب

· غالباً برای سایت‌های استاتیک استفاده می‌شود. برای دینامیک بودن وبسایت بایستی از جاوااسکریپت یا این که یک گویش بک‌اند نظیر PHP استفاده شود.

· به عضو قابلیت و امکان به کار گیری از منطق را نمی‌دهد. همگی صفحه ها وب بایستی به طور جداگانه تنظیم شوند حتی اگر عناصر یکسانی مثلاً در تیتر یا این که فوتر داشته باشند.

· برخی از مرورگرها ویژگی‌های جدید این زبان را به کندی قبول می‌کنند.

· رفتار مرورگرها مدام هم قابل پیش‌بینی نیست! یعنی ممکن میباشد مرورگرهای قدیمی‌تر نتوانند برچسبهای تازه را ارائه دهند.

ارتباط HTML دارای CSS و JavaScript

گرچه زبان برنامه نویسی HTML توانا می‌باشد اما برای ایجاد حرفه‌ای و ریسپانسیو وبسایت کافی نیست. از آن تنها می‌توان برای تولید محتوای وب سایت استعمال کرد. ولی این زبان برنامه نویسی HTML با همکاری دو گویش مقدماتی دیگر به این معنی که CSS و جاوااسکریپت به مهربانی عمل می‌کند.

· گویش CSS مسئول آراستن ظاهر محتوا به این معنی که بخش‌های مربوط به پس‌زمینه، رنگ‌ها، لایه‌ها، فاصله‌گذاری‌ها و انیمیشن‌ها است.

· گویش جاوااسکریپت نیز به جهت بیش تر کردن قابلیت‌های دینامیکی مثل اسلایدرها، پاپ آپ&zwnj