راهنمای استفاده از تگهای معنایی در HTML5 Semantic tags in HTML5 guide نحوه تعریف تگهای معنایی یا Semantic در HTML5: تگهای غیرمعنایی (Non-Semantic Tags): اغلب تگ های HTML به منظور جای دادن محتوا در خود تعریف می شوند و به مرورگر می گویند محتوای صفحات وب را چطور نمایش دهند. این تگ ها، نوع محتوای […]
معرفی فرمت SVG و نحوه استفاده از آن در وب Getting Started With Scalable Vector Graphics (SVG) استفاده از تصاویر SVG در وب سایت لزوم استفاده از SVG در وب: این روزها برای طراحان وب اهمیت زیادی دارد که نحوه پیاده سازی فرمت SVG (Scalable Vector Graphics) در وب سایت خود را بلد باشند. […]
آشنایی با متا تگ viewport و تنظیمات آن Configure the Viewport Meta Tag متاتگ Viewport : معرفی و تنظیمات ویوپورت متا تگ viewport چیست؟ یک ویو پورت (viewport) پنجره ای است که یک وب سایت در آن مشاهده می شود. تعریف متا تگ viewport بدین معنی است که این پنجره چقدر می تواند […]
تگ کنونیکال چیست و چه کاربردی دارد؟ What is a canonical tag? معرفی تگ کنونیکال (Canonical Tag) یک تگ Canonical یا به اصطلاح rel Canonical ، روشی برای اعلام این موضوع به موتور جستجو است که آن URL خاص، نسخه اصلی و اورجینال آن صفحه از وب سایت است (Master copy of a page). استفاده […]
تگ alt تصاویر وبسایت چیست؟ Image alt text tutorial تگ alt تصاویر و تاثیر آن بر سئوی سایت متن جایگزین (Alt text) چیست؟ متن جایگزین یا Alternative Text که به عناوین “اتریبیوت alt” و یا “تگ alt” نیز معروف می باشد (که تگ alt یک اشتباه مصطلح است!) بیانگر توضیح کوتاهی از عملکرد و یا […]
فرمت اتوماتیک برای ورودی کاربر در فرم (Automatic Format for User Input) فرمت اتوماتیک برای input فرم در این آموزش، می خواهیم نحوه فرمت دادن به input های فرم را بررسی کنیم. مواردی مانند حذف کردن space، گذاشتن اتوماتیک dash و slash و… در لحظه تایپ کاربر در input، حذف کاراکترهای غیرمجاز و… با فراگرفتن […]
آموزش اعتبارسنجی HTML5 توسط اتریبیوت Pattern HTML5 Form Validation With the “pattern” Attribute در این مقاله قصد داریم نحوه اعتبارسنجی فرم های HTML5 را توسط اتریبیوت pattern بررسی کنیم. »»» بخش اول ««« مفهوم اعتبارسنجی و نحوه تعریف اتریبیوت Pattern اعتبارسنجی (Validation) چیست؟ اعتبارسنجی فرم های یک وب سایت به اندازه قابلیت استفاده (Usability) […]
عبارت اچ تی ام ال (HTML) مخفف کلمات HyperText Markup Language می باشد. Html یک زبان نشانه گذاری است برای تعیین ساختار صفحات وب. بعنوان مثال یک صفحه وب می تواند شامل پاراگراف، تصاویر، لیست bullet دار، جداول و سایر المان ها باشد.
آناتومی یک تگ HTML:
در تصویر زیر، ساختار یک تگ پاراگراف یا P را ملاحظه می فرمائید:

- تگ باز (Opening Tag)
- تگ بسته (Closing Tag)
- محتوای تگ (Content)
- المان (Element)
نکته: همانطور که در تصویر فوق مشخص است، المان به کل تگ باز و بسته و محتوای تگ گفته می شود.
المان های یک صفحه html می توانند شامل اتریبیوت (attribute) نیز باشند. تصویر زیر مشاهده شود:

المانهای html می توانند بصورت تو در تو یا nested تعریف شوند. مانند تگ زیر:
My cat is very grumpy.
المان هایی هستند که تگ بسته ندارند و همچنین محتوا ندارند. مانند تگ img بصورت زیر:

آناتومی یک صفحه HTML:

در دسته بندی HTML از “محتوابان” آموزش هایی در زمینه انواع تگ ها و متا تگ های HTML ارائه می دهیم. مانند: متا تگ og ، متا تگ Description ، نحوه اعتبارسنجی در HTML5 ، تگ کنونیکال و…