صفحه در حال بارگذاری می باشد. لطفا صبر کنید...
بارگذاری
Soomar63
نام کامل:امیر حسینی,نام مستعار:Soomar63.آدرس سایت:www.soomar63.com.محل زندگی:ایران,البرز,3143664991.حرفه:طراحی سایت در:شرکت همگام رایانه سومار.همکاران:White World

سلام میهمان گرامی؛ برای دسترسی به تمامی امکانات؛ لطفا در سایت عضو شده و با نام کاربری خود وارد شوید. قبل از عضویت در سایت؛ توافقنامه سومار را مطالعه نمایید.

X

خدمات سومار

امتیاز:  ستارهستارهستارهستارهستاره / 7
ضعیفعالی 
مطلب ویژه
تاریخ ایجاد در 06 آبان 1391 نوشته شده توسط امیر حسینی
مجموعه: آموزش > استاندارد سازی
نمایش از 06 آبان 1391 بازدید: 2295
پرينت
اندازه قلم: کوچکتر . پیشفرض . بزرگتر

دسته بندی: استاندارد سازی | تصاویر سایت

معرفی:

بدون شک تصاویر پس از متن سایت بیشترین سهم را در اکثر سایت ها هم از لحاظ حجم صفحه هم از لحاظ میزان کاربرد دارند. از این رو استاندارد سازی عکس ها یکی از مهمترین نکاتی است که شما باید به آن توجه کنید.

عکس ها توسط تگ img در سایت وارد می شوند و مهمترین خصیصه آنها src است که توسط آن آدرس محل ذخیره تصویر را دریافت می کنند. در مثال زیر یک تگ تصویر نمایش داده شده است:

  1. <img src="/images/standard-image.jpg" />

البته تگ تصویر خصیصه های دیگری هم دارد که در مطالب بعدی به آنها خواهیم پرداخت. اما آنچه در این مقاله قصد داریم به آن بپردازیم، استاندارد سازی تگ های تصویر است.

همانطور که می دانید، برای کد نویسی HTML شما می توانید نسخه های مختلفی از این زبان را استفاده نمایید مانند HTML4.0 یا XHTML1.0 یا نسخه های دیگر. بسته به نوع نسخه ای که انتخاب می کنید باید در فایل html خود از اعلان (Doctype) مناسب استفاده کنید تا مرورگر متوجه شود که کدها با چه نسخه ای از HTML نوشته شده اند.

حال نکته اصلی اینجاست: برای نسخه های مختلف HTML نحوه نگارش کد img متفاوت است! به دو مثال زیر توجه کنید:

تگ img صحیح برای HTML4.0:

  1. <img src="my-image.png">

تگ img صحیح برای XHTML1.0:

  1. <img src="http://www.yoursite.com/images/logo.gif" />

همانطور که مشاهده می کنید، تفاوت تنها در یک / در انتهای تگ است. پس نتیجه می گیریم که استاندارد سازی تصاویر می تواند بسیار ساده باشد. تنها کافیست / انتهای تگ تصویر را با توجه Doctype صفحه قرار دهید یا آنرا حذف نمایید.

برای مشاهده ادامه مطلب لطفا وارد شوید و یا ثبت نام کنید.
آخرین اعضایی که این مطلب را مشاهده نموده اند:
-سهند سهند  -اسماعیل اسماعیل  -سجاداقا  -abas  -arman  -وحیدوحید  -محمود حسینی  -سپهر  -پگاه آرام  -زین الدین  
آخرین به روز رسانی شنبه, 06 آبان 1391 15:46
  • Avatar 2013 06 12

    آندرومدا

    تاریخ: 07 آبان 1391

    جناب آقای حسینی
    سلام
    از مطلب بسیار مفید و کاربردی شما سپاسگزارم.
    منتظر بقیه مطالب ارزنده شما هستم. به امید موفقیت.

برای درج نظر لطفا وارد شوید و یا ثبت نام کنید.

آخرین افزونه های بروزرسانی شده

پلاگین افزودن Google Analytics به سایت جوملا (تاریخ: 1392/12/06 توضیح: نسخه 4.1 جوملا 2.5 و 3.0 - انگلیسی)
کامپوننت ایجاد و مدیریت نقشه سایت Xmap (تاریخ: 1392/10/25 توضیح: نسخه 2.3.4 جوملا 2.5 و 3.0 - انگلیسی)
مدیریت کامل فایل ها در جوملا با کامپوننت eXtplorer (تاریخ: 1392/10/25 توضیح: نسخه 2.1.5 جوملا 2.5 و 3.0 - انگلیسی)
کامپوننت مرکز دانلود حرفه ای Phoca Download (تاریخ: 1392/10/25 توضیح: نسخه 3.0.3 جوملا 3.0 - انگلیسی)
کامپوننت مرکز دانلود حرفه ای Phoca Download (تاریخ: 1392/10/25 توضیح: نسخه 2.1.9 جوملا 2.5 - انگلیسی)
یکشنبه 16:12

تبلیغات

جستجو

آمار محتوا

شمار بازدید صفحات

امروز345
دیروز1099
هفته جاری1444
ماه جاری19215
کل بازدیدها1620408

افراد برخط

163 مهمان و 0 عضو آنلاین

اعضاء فعال اخیر

اطلاعات

یکشنبه 29 مرداد 1396
تعداد اعضاء: 4605
تعداد مطالب: 167
وب لینک ها: 17
بازدید مطالب: 1564890
شناسه: 54.196.8.177
نام مرورگر: سایر مرورگرها
نسخه مرورگر: ؟
سیستم عامل: سایر سیستم عامل ها

سرعت بارگذاری صفحه

زمان بارگذاری: 0.31 ثانیه

دریافت آخرین نسخه جوملا

دریافت آخرین نسخه پایدار جوملاآخرین نسخه پایدار جوملا 1.0آخرین نسخه پایدار جوملا 1.5آخرین نسخه پایدار جوملا 1.6آخرین نسخه پایدار جوملا 1.7آخرین نسخه پایدار جوملا 2.5آخرین نسخه پایدار جوملا 3.1
مسیر:  
Offline: soomar63[at]ymail.com
صفحه اصلی Arrow Rtl آموزش Arrow Rtl استاندارد سازی Arrow Rtl استاندارد سازی کد تصاویر در طراحی سایت
عضویت در سایت

نکات کاربردی سایت

ورود به بخش اعضاء

برای ورود به بخش اعضاء سایت، لطفا از منوی بالا گزینه پنل کاربری را انتخاب نمایید. پنل کاربری


نحوه دریافت افزونه ها

برای دریافت افزونه ها، ابتدا با نام کاربری خود وارد شوید و سپس در صفحه معرفی افزونه، روی یکی از بنرهای تبلیغاتی کلیک نمایید تا لینک دریافت افزونه نمایش داده شود. ادامه


فعالیت و کسب امتیاز و درآمد در سومار

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


آخرین نظرات کاربران

سینا احمدی:  (در تاریخ: 24 مرداد 1396 برای مطلب: کامپوننت گالری تصاویر فوق العاده Admiror Gallery)
o,fi
مشاهده مطلب: کامپوننت گالری تصاویر فوق العاده Admiror Gallery

فریدون سعیدی:  (در تاریخ: 12 تیر 1396 برای مطلب: دیسک سومار)
اینم عالی بود..ولی من هنوز سردرگممB)
مشاهده مطلب: دیسک سومار

فریدون سعیدی:  (در تاریخ: 12 تیر 1396 برای مطلب: دیسک سومار)
اینم عالی بود..ولی من هنوز سردرگممB)
مشاهده مطلب: دیسک سومار

سهیل سلطاانیان:  (در تاریخ: 23 دی 1395 برای مطلب: نکات کاربردی سایت)
سلام من تازه وارد سایت شده ام چطور بیشتر بار این سایت آشنا شوم با تشکر از مدیر سایت فک کنم :laugh:سایت خوبیه
مشاهده مطلب: نکات کاربردی سایت

مهسان علیزاده:  (در تاریخ: 15 دی 1395 برای مطلب: مدیریت کامل فایل ها در جوملا با کامپوننت eXtplorer)
سلام خسته نباشید من میخواستم سایتم قابلیت آپلود و دانلود داشته باشه حالا میخواستم که ببینم این افزونه Explorer که برای آپلود هست تنظیماتش بعد از نصب به چه صورته
مشاهده مطلب: مدیریت کامل فایل ها در جوملا با کامپوننت eXtplorer