جستجو پیشرفته محصولات

خواندن این مطلب

5 دقیقه

زمان میبرد!

Html

Html چیست؟

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

کاربرد های Html :

توسعه صفحات وب

HTML به شدت برای ایجاد صفحاتی که در شبکه جهانی وب نمایش داده می شوند استفاده می شود.

هر صفحه شامل مجموعه ای از تگ های HTML، از جمله لینک هایی  که برای اتصال به صفحات دیگر استفاده می شود، است.

هر صفحه ای که در شبکه جهانی وب میبینیم با استفاده از نسخه ای از کد HTML نوشته شده است.

ایجاد سند وب

ایجاد سند در اینترنت تحت سلطه HTML و مفهوم اصلی آن از طریق تگ و DOM می باشد.

تگ های HTML قبل و بعد عباراتی درج می شوند تا قالب و مکان آنها در صفحه مشخص شود.

یک سند وب شامل سه بخش است: عنوان، سر و بدن.

Head شامل اطلاعاتی برای شناسایی سند، از جمله عنوان و هر کلمه کلیدی مهم دیگری است. یک عنوان در نوار مرورگر قابل مشاهده است.

بخش بدنه قسمت اصلی وب سایت است که برای بیننده قابل مشاهده است. هر سه بخش با استفاده از تگ های HTML طراحی و ایجاد می شوند.

هر بخش دارای مجموعه تگ های خاص خود است که به طور اختصاصی رندر می شوند و مفاهیم سر، عنوان و بدن را در یک حلقه نگه می دارند.

ناوبری اینترنتی

این یکی از مهمترین کاربردهای HTML است که انقلابی است.

این پیمایش با استفاده از مفهوم Hypertext امکان پذیر است.

این اساساً متنی است که به سایر صفحات وب یا متن اشاره دارد و هنگامی که کاربر روی آن کلیک می کند، به متن یا صفحه ارجاع داده می شود.

HTML به شدت برای جاسازی هایپرلینک در صفحات وب استفاده می شود. کاربر می تواند به راحتی در صفحات وب و همچنین بین وب سایت هایی که در سرورهای مختلف قرار دارند حرکت کند.

ویژگی لبه برش

HTML5 با مجموعه استانداردها و API خود برای معرفی برخی از آخرین روندها در تجارت ایجاد وب سایت استفاده می شود.

مانند:

کتابخانه های polyfill که توسط مرورگرهای قدیمی به همان اندازه و به خوبی پشتیبانی می شوند.

مرورگری مانند Google Chrome برای اجرای آخرین مجموعه استانداردها و APIهای HTML5 بهترین انتخاب است.

یک کتابخانه جاوا اسکریپت به نام Modernizr در دسترس است که می‌تواند ویژگی‌هایی را شناسایی کند که به توسعه‌دهنده اجازه می‌دهد کتابخانه‌های polyfill را به صورت پویا بارگذاری کند.

تصاویر واکنش گرا در صفحات وب

با ویژگی srcset عنصر img در HTML و ترکیب آن با عناصر تصویر، یک توسعه‌دهنده می‌تواند به طور کامل نحوه نمایش تصویر توسط کاربر را کنترل کند.

اکنون انواع مختلفی از یک تصویر با تغییر اندازه را می توان با استفاده از عنصر img بارگذاری کرد.

قوانین را می توان به راحتی با عنصر تصویر تنظیم کرد. می‌توانیم عنصر img را با منبع پیش‌فرض اعلام کنیم، و سپس برای هر مورد، یک منبع را می‌توان ارائه کرد.

ذخیره سازی سمت مشتری

قبلاً، یک کاربر نمی‌توانست داده‌های مرورگر خود را که در تمام جلسات باقی می‌ماند، ذخیره کند.

برای برآورده کردن این نیاز، زیرساخت سمت سرور باید ساخته شود، یا می توان از کوکی های کاربر استفاده کرد.

اما با HTML5، ذخیره سازی سمت سرویس گیرنده با استفاده از localStorage و IndexDB امکان پذیر است. این دو استراتژی استانداردها و ویژگی های خاص خود را دارند.

localStorage اساساً ذخیره سازی جدول را فراهم می کند. API آن بسیار ساده است و متدهای setItem، getItem و removeItem را در اختیار توسعه دهنده قرار می دهد.

از سوی دیگر، IndexDB یک ذخیره‌سازی اطلاعات در سمت مشتری می باشد که بزرگ‌تر و بهتر است. پایگاه داده IndexDB را می توان با اجازه کاربر گسترش داد.

استفاده از قابلیت های آفلاین

هنگامی که داده‌ها در مرورگر ذخیره می‌شوند، توسعه‌دهنده می‌تواند استراتژی‌ای را برای کارکرد برنامه در صورت قطع ارتباط کاربر در نظر بگیرد.

HTML5 مکانیسم کش کاربردی خود را دارد که نحوه مدیریت وضعیت آفلاین را توسط مرورگر مشخص می کند.

حافظه نهان برنامه، که مسئول توانایی آفلاین است، شامل اجزای مختلفی از جمله روش‌های API که به‌روزرسانی شده اند، خواندن فایل مانیفست و ایجاد رویدادها است.

با استفاده از ویژگی خاص در HTML5، یک توسعه دهنده می تواند بررسی کند که آیا برنامه آنلاین است یا نه. یک توسعه‌دهنده همچنین می‌تواند اطلاعات را در فایل مانیفست کش برنامه وب‌سایت مشخص کند.

مانند اینکه چه مرورگری منابع را برای استفاده آفلاین مدیریت می‌کند. در فایل مانیفست می توان منابعی را که به صورت آفلاین در دسترس هستند نیز مشخص کرد.

استفاده از توسعه بازی

قبل از ظهور HTML5، توسعه بازی یک دامنه انحصاری فلش و سیلورلایت بود.

از آنجایی که مرورگرها از مشخصات جدیدی برای HTML5 پشتیبانی می‌کنند، از جمله CSS3 و موتور جاوا اسکریپت با سرعت نور برای ایجاد یک تجربه غنی جدید.

HTML5 می‌تواند واقعیت توسعه بازی را که قبلاً نقطه قوت Flash و Silverlight بود، به ارمغان بیاورد.

هر ویژگی API ها نیازی به پیاده سازی ندارند، اما می توان از مناسب ترین آنها استفاده کرد و بقیه ویژگی ها را حذف کرد.

استفاده از API های بومی برای غنی سازی وب سایت

HTML5 بسیاری از توانایی ها و ابزارهای جدید را اضافه می کند که در گذشته فقط یک تصور بود.

برنامه وب را می توان با سایر APIها مانند Fullscreen، Visibility و Media Capture افزایش داد.

یک برنامه وب مدرن دارای ماهیت ناهمزمان است که می تواند با استفاده از Websockets و کارمندان وب مانند API ها تقویت شود.

مرورگرها و HTML

در واقع مرورگرهای مختلف ممکن است یک صفحه HTML مشخص را به صورتهای مختلفی تفسیر نمایند.

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

HTML

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



نظرات کاربران



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

مطالب مرتبط



جستجو کنید ...

محصولات جدید

دوره مقدماتی تا پیشرفته CSS
تومان
190,000
دوره مقدماتی جاوا اسکریپت
تومان
199,000
دوره مقدماتی تا پیشرفته HTML
رایــگان