راهنمای استفاده از تگ‌های معنایی در 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) […]