Html, برنامه نویسی تحت وب

HTML چیست و چه کاربردی دارد؟

معرفی HTML

 

 

HTML مخفف عبارت Hypertext Markup Language است.
این زبان در واقع یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات وب و وب اپلیکیشن‌ها محسوب می‌شود.
در واقع HTML را عنصر کلیدی صفحات وب می‌دانند و تمامی زبان‌های برنامه‌نویسی
برای طراحی سایت، به شکلی به HTML وابسته هستند. با استفاده از این زبان و CSS و جاوا اسکریپت،
تکنولوژی‌های بنیادین برای شبکه جهانی وب تشکیل می‌شود. مرورگرها اسناد HTML را از
وب سرور یا مخزن لوکال (Local) دریافت کرده و آن‌ها را به صفحات وب چند رسانه‌ای تبدیل می‌کنند.
در واقع HTML ساختار معنایی صفحات وب را تعریف کرده و شامل مشخصات ظاهری سند است.

مولفه‌های HTML

مولفه‌های HTML بلوک‌های سازنده صفحات HTML را تشکیل می‌دهند.
با استفاده از آن‌ها می‌توان تصاویر و اشیا دیگر مثل فرم‌های تعاملی را در صفحات ایجاد شده تعبیه کرد.
این زبان ابزاری برای ایجاد سندهای ساختار یافته از طریق مشخص کردن
معنای ساختاری برای متن مثل تیترها، پاراگراف‌ها، فهرست‌ها، لینک‌ها، نقل قول‌ها و سایر موارد ارائه می‌دهد.

مولفه های HTML از hgfjiطریق تگ‌های قرار گرفته در پرانتز شکسته مشخص می‌شوند.
تگ‌هایی مانند </  img> و </  input> محتوا را به صورت مستقیم به صفحه معرفی می‌کنند.
سایر تگ‌ها مانند <p>...<p/>   اطلاعات مربوط به متن سند را ارائه داده
و می‌توانند سایر تگ‌ها را به عنوان مولفه‌های فرعی در خود جای دهند.
مرورگرها تگ‌های HTML را نمایش نمی‌دهند بلکه از آن‌ها برای تفسیر محتوای صفحه بهره می‌برند.

HTML می‌تواند برنامه‌های نوشته شده به زبان اسکریپتی مانند جاوا اسکریپت را که
بر رفتار و محتوای صفحات وب تاثیر می‌گذارند در خود جای دهد. استفاده از CSS ظاهر
و آرایش محتوا را تعریف می‌کند. کنسرسیوم جهانی وب که استانداردهای HTML و CSS را تعریف می‌کند،
از سال ۱۹۹۷ استفاده از CSS را روی HTML ظاهری توصیه کرده است.

 

تاریخچه پیدایش HTML

 

طراحی سایت| طراحی سایت با وردپرس| طراحی سایت معماری| طراحی سایت مجتمع مسکونی| طراحی سایت بیمارستان| طراحی سایت حرفه ای |طراحی سایت با Asp.net

در سال ۱۹۸۰، فیزیکدان «تیم برنرز لی» (Tim Berners-Lee)، یکی از پیمانکاران CERN،
سیستم ENQUIRE را پیشنهاد کرد. این سیستم برای محققان CERN ایجاد شده بود تا از آن برای استفاده
و اشتراک‌گذاری اسناد استفاده کنند. در سال ۱۹۸۹، برنرز لی یادداشتی نوشت
و در آن یک سیستم اینترنتی ابر متن (Hypertext) را پیشنهاد داد. «برنرز لی» HTML را مشخص کرد
و نرم افزار مرورگر و سرور را در اواخر ۱۹۹۰ نوشت. در آن سال، برنرز لی
و مهندس دیتا سیستم‌های CERN، به صورت مشترک درخواست بودجه کردند
اما آن پروژه به صورت رسمی توسط CERN پذیرفته نشد.

توصیف عمومی از HTML

اولین توصیف عمومی از HTML سندی به نام «HTML Tags» بود که
ابتدا توسط تیم برنرز لی در اواخر ۱۹۹۱ در اینترنت قرار گرفت.
این سند ۱۸ مولفه تشکیل‌دهنده طرح اولیه و نسبتا ساده از HTML بود.
HTML یک زبان نشانه‌گذاری است که مرورگرهای وب از آن بر تفسیر و ایجاد متن،
تصویر و دیگر متریال‌ها به صفحات وب تصویری و صوتی استفاده می‌کنند.
ویژگی‌های پیش‌فرض هر یک از آیتم‌های HTML در مرورگر تعریف شده و

می‌توان با استفاده از CSS توسط طراح صفحات وب، آن‌ها را تغییر داده یا ارتقا بخشید.
HTML نشانه‌گذاری از چندین مولفه کلیدی شامل تگ‌ها تشکیل شده‌ است. تگ‌های HTML معمولا به صورت جفت‌هایی مانند <h1> و <h1/>  هستند. گرچه برخی از‌ آن‌ها مانند <img>  نشان‌دهنده عناصر خالی بوده و جفت ندارند.
اولین تگ در این جفت را تگ آغازین و تگ دوم را تگ پایانی می‌نامند.
در زیر یک نمونه از برنامه‌ی کلاسیک «Hello World!» را می‌بینید که
یک آزمایش رایج برای مقایسه زبان‌های برنامه‌نویسی، اسکریپت و نشانه‌گذاری است.

تفاوت HTML و XHTML

XHTML هم مانند HTML یک زبان است که صفحات وب با آن نوشته می‌شوند،
با این تفاوت که HTML زبانی مبتنی بر SGML (زبان نشانه‌گذاری تعمیم یافته استاندارد)
و XHTML زبانی مبتنی بر XML (زبان نشانه‌گذاری گسترش پذیر) است.
این دو زبان را می‌توان دو روی یک سکه دانست که برای ساخت صفحات وب مکمل یکدیگر هستند.
زبان XHTML برای مطابقت با استانداردهای XML از زبان HTML مشتق شده است اما در مقایسه با والد خود،
بسیار سرسختانه تر بوده و به کاربر اجازه سلیقه‌ای عمل کردن در کدها و ساختارها را نمی‌دهد.
علت ایجاد این زبان تگ‌های پیچیده‌ي مرورگرها بود. صفحاتی که به زبان HTML نوشته شده بودند
در مرورگرها مختلف ظاهر متفاوتی از خود نشان می‌دادند. فایل‌های XHTML را
می‌توان با پسوندهای .xhtml، .xht، .xml، .html و .htm مشاهده کرد.

 

مقایسه HTML

XHTML And HTML5

اگر بخواهیم مقایسه کلی داشته باشیم باید گفت که HTML زبان نشانه‌گذاری
غالب برای ایجاد صفحات وب است. با استفاده از این زبان برای عناوین،
فهرست‌ها، لینک‌ها و غیره ساختارهای معنایی ایجاد کرده و امکان تعبیه تصاویر و اشیاء
را برای ایجاد فرم‌های تعاملی ایجاد می‌کند. XHTML از خانواده زبان‌های XML است
که نقطه مقابل نسخه‌های مختلف HTML محسوب می‌شود. این زبان عناصر
و تگ‌ها را از HTML و قوانین و مقررات را از XML در خود گنجانده است.
در این زبان اجازه حذف هیچ نوع تگ یا استفاده از به حداقل رسانی خصوصیات وجود ندارد.
در XHTML باید برای هر تگ آغازین یک تگ پایانی وجود داشته باشد و تمام تگ‌های
تو در تو باید در ترتیب مشخصی قرار داشته باشند. برای مثال، در حالی که تگ <br> در HTML مجاز است،
در زبان XHTML باید به صورت </  br> نوشته شود.

 

سندهای HTML

 

سندهای HTML از عناصری تشکیل شده‌اند که دارای سه مولفه یک جفت تگ،
خصوصیات عنصر که در داخل تگ داده شده است و محتوای واقعی، متنی و گرافیکی هستند.
عنصر HTML می‌تواند هر چیزی باشد که بین تگ‌ها قرار می‌گیرد.  سندهای XHTML تنها دارای عنصر ریشه هستند.
تمام عناصر شامل متغیرها باید با حروف کوچک نوشته شده و مقادیر نسبت داده شده
به آن‌ها باید داخل علامت نقل قول قرار گیرد تا قابل شناسایی باشد. بر خلاف HTML، انجام این کار در XTML اجباری است.

ارتباط HTML و CSS

HTML و CSS دو نوع مختلف نشانه‌گذاری هستند که هر کدام ترتیب معینی برای نوشتن کد دارند.
اما تفاوت مهمی بین این دو وجود دارد. می‌توان گفت که HTML ساختار صفحه را تشکیل می‌دهد
در حالی که CSS ظاهر صفحه را به عهده دارد. تفاوت ظاهر سایت‌های
مختلف به نحوه استفاده از CSS توسط طراح سایت بستگی دارد.
در واقع CSS زبانی برای توصیف ظاهر صفحات وب شامل رنگ‌ها،
چارچوب پیرامون عکس، نشانگر ماوس، آرایش و فونت‌ها (اندازه، رنگ، نوع) است.
با استفاده از CSS می‌توان نمایش صفحه ‌را برای انواع مختلف دستگاه
مانند صفحات بزرگ، صفحات کوچک و پرینترها تنظیم کرد.
CSS مستقل از HTML است و می‌توان آن را با هر نوع زبان نشانه‌گذاری مبتنی بر XML به کار برد.
تفکیک HTML از CSS حفظ و نگهداری وب سایت،
اشتراک‌گذاری Style Sheet (شیوه‌نامه) بین صفحات و انطباق صفحات با محیط‌های مختلف را ساده‌تر می‌کند.
به این کار تفکیک ساختار یا محتوا از نما یا ظاهر می‌گویند.

 

 

اموزش حرفه ای دوره پایه وب برای تمامی طراحان و علاقه مندان به طراحی سایت

مطالب مرتبط

پاسخی بگذارید