دليل مرجعي لـ HTML

مجلة جميع العلامات الحالية لـ HTML

HTML: خاصية longdesc لـ <img>

تحدد خاصية longdesc رابطاً للوصول إلى شرح تفصيلي للصورة.

مثال عبر الإنترنت

بعض الأمثلة حول كيفية استخدام خاصية longdesc:

مثال

<!DOCTYPE html>
<html>
<head>
<title>HTML:<img> طويل الوصف الخاصية - موقع أساسيات التدريب oldtoolbag.com</title>
<body>
<!-- الوصف موجود في نفس الصفحة كالصورة --)
<img src="sun.gif" alt="oldtoolbag.com" width="100" height="132" longdesc="#w3codebox_Explained">
<!-- الوصف موجود في صفحة خارجية --)
<img src="sun.gif" alt="oldtoolbag.com" width="100" height="132" longdesc="w3codebox.txt">
<!-- الوصف هو واحد من عدة وصفات في صفحة خارجية --)
<img src="sun.gif" alt="oldtoolbag.com" width="100" height="132" longdesc="http://example.com/desc#item3">
<!-- الوصف يحتوي على URI بيانات --)
<img src="sun.gif" alt="oldtoolbag.com" width="100" height="132" longdesc="data:text/html;charset=utf-8;,%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3Ctitle%3EDescription%20of%20the%20Logo%3C/title%3E%3C/head%3E%3Cbody%3E%3Cp%3ESome%20description%20goes%20here%3C/body%3E%3C/html%3E">
<div id="w3codebox_Explained">
　　<h2>صورة sun.gif</h2>
　　<p>وصف الصورة...</p>
</div>
</body>
</html>

اختبار لرؤية ‹/›

تطابق المتصفحات

IEFirefoxOperaChromeSafari

لا يدعم تقريباً أي متصفح معروف خاصية longdesc.

التعريف والاستخدام

لا يدعم HTML5 خاصية <img> longdesc.

تحدد خاصية longdesc رابطاً للوصول إلى شرح تفصيلي للصورة.

نصيحة:بسبب دعم متصفحات الويب لخاصية longdesc سيئ جداً، ليس من الضروري استخدام هذه الخاصية. إذا كنت بحاجة إلى تقديم شرح طويل للصورة (إذا لزم الأمر)، يمكنك ببساطة إنشاء رابط إلى صفحة الوصف (الرابط يمكن أن يكون مرئياً لأي شخص).

النحو

<img longdesc="URL">

قيمة الخاصية

القيمة	الوصف
URL	شرح تفصيلي للصورة المرتبطة بالرابط القيم المحتملة: ID واحد آخر URL مطلقة - تشير إلى موقع آخر (مثل LONGDESC =“http://www.example.com/description.txt”） URL مطلقة - تشير إلى ملف داخل الموقع (مثل LONGDESC =“description.txt”）

　HTML <img> علامة

HTML: <template> علامة