من رفتم سربازی اگر محتوای منو دوست داشتید و بدردتون خورد از من حمایت مالی کنید

نوشتن alt چند خطی برای تصاویر HTML

نوشتن alt چند خطی برای تصاویر HTML
نوشتن alt چند خطی برای تصاویر HTML

نوشتن alt چند خطی

یکی از خاصیت‌های مهم تصاویر در HTML برای سئو، خاصیت alt است. در واقع این خاصیت زمانی که آیکون موس را روی تصویر قرار می‌دهید نمایان می‌شود؛ اما از آنجایی که موتورهای جستجو برای اضافه کردن این عکس به نتایج خود از خاصیت alt استفاده می‌کنند. پس خاصیت alt، خاصیت بسیار مهمی است.

 

نوشتن alt چند خطی برای تصاویر HTML

کاربرد خاصیت alt

این خاصیت یکی از خواص تگ img در html است. برای اینکه مرورگر کاربر به نحو درستی تصویر مورد نظر را نشان دهد، باید در کنار تگ img از خاصیت‌های جانبی و کاربردی آن به کار ببریم. ویژگی alt یا متن جایگزین تصویر است. alt در واقع متنی است که اگر تصویر به هر دلیل نشان داده نشود، داخل کادر خالی آن، به نمایش در می‌آید و به نوعی راهنمای کاربران است تا از محتوای آن تصویر، با خبر شوند. هم‌چنین تاثیر این خاصیت را می‌توانید با نگه داشتن آیکون موس روی عکس مشاهده کنید. این تگ در سئوی سایت کاربرد فراوانی دارد. شاید دلتان می‌خواهد که متون alt به صورت چند خطی را بنویسید، به صورتی که از یک بخشی به بعد از خط جدید شروع شود. یا اینکه نیاز به دستور رفتن به خط بعدی در alt تصاویر است. در صورتی که نیازهایی از قبیل بالا را دارید می‌توانید از روش زیر این کار را انجام دهید.

برای رفتن به خط بعدی در خاصیت alt تصاویر html از به مثال زیر توجه کنید:

<img src="camelcase.png" alt="Line 1 &#10 &#13 Line 2" />

در دستور بالا اگر توجه کنید با دو مقدار متفاوت و غیر عادی طرف هستید. این مقادیر که معادل کد اسکی کاراکترهای ۱۰ و ۱۳ است به شما کمک خواهد کرد تا در خاصیت alt تصاویر در html به خط بعدی رفته و متن دیگری را در خط جدیدی در alt درست کنید.

نکته:

line feed is : &#10 
carriage return : &#13

حالا شما هم می‌توانید altهای چند خطی بنویسید و از آن لذت ببرید.

برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]