تگ img
عنصر img و نمایش تصاویر با html
تگ img ، یکی از پرکاربردترین ترین تگ ها در زبان html به حساب میاد.
شما اگر بخواهید در مرورگرتون عکسی به نمایش در بیاد ، باید از تگ img استفاده کنید.
img از جمله تگ های self closing tag یا تگ تکی محسوب میشه. که در مقاله مفهوم تگ در زبان html توضیح دادم.
تگ پرکابرد img دارای چندین اسم خصوصیت ( ATTRIBUTE NAME ) و مقدار خصوصیت ها ( ATTRIBUTE VALUE ) هستش.
یکی از مهمترین اسم خصوصیت های این تگ ، خصوصیت src هست.
این خصوصیت برابر با آدرس تصویری است که در مروگر نمایش داده میشه.
یعنی پس از src و = شما مسیر عکسی که میخواهید در مرورگرتون نشون داده بشه رو داخل یک دبل کوتیشن (“”) قرار می دید.
اگر آدرس عکستون رو درست به مقدار این خصوصیت بدید ، تصویرتون در مرورگر نمایش داده میشه.
اگر سئوی یک عکس برای شما اهمیت داره حتما باید از خصوصیت alt هم استفاده کنید.
خصوصیت alt یک مقدار میگیره که در واقع میتونه اسمی برای اون عکس باشه.
در واقع یه زمانی اگر به هر دلیلی عکس شما لود نشه یا حذف بشه و یا مسیرش تغییر کرده باشه و در مرورگرتون به نمایش درنیاید، اسمی که در ویژگی alt براش تعریف کردید نمایش داده میشه.
استفاده از ویژگی alt برای خزش بهتر موتور جستجو روی عکس ها بسیار مهمه. لذا حتما در تصاویرتون از این اتریبیوت استفاده کنید.
البته img همونطور که خدمتتون عرض کردم ، دارای چندین خصوصیت هستش ،
در جلسه بعدی کلیه خصوصیت های img رو برای شما همراهان گرامی معرفی میکنم.
امیدوارم مفید واقع شده باشه
ما رویاهای کسب و کارتان را به واقعیت تبدیل می کنیم...