الفرق بين المراجعتين ل"HTML/ins"

المراجعة الحالية بتاريخ 09:47، 21 فبراير 2018

يُمثِّل العنصر <ins> نصًّا أُضيف إلى المستند، وهذا النص يُعرَض عادةً وتحته خط لكن ذلك ليس إجباريًا.

مثال عن إضافة نص جديد:

<ins>أضيف هذا النص</ins>

مثال عن إضافة نص جديد ضمن فقرة <p> مع تحديد تاريخ الإضافة عبر الخاصية datetime:

<ins datetime="2018-01-01"><p>أضيفت هذه الفقرة.</p></ins>

تصنيفات المحتوى	عنصر تنظيمي أو عنصر عادي.
المحتوى المسموح	المحتوى الذي تكون خلفيته شفافة.
الوسم المختصر	لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب	أي عنصر يقبل المحتوى التنظيمي.
واجهة DOM	`HTMLModElement`

Chrome	Firefox	Edge	Safari	Opera
مدعوم	مدعوم	مدعوم	مدعوم	مدعوم

يمكن استخدام الخاصيات العامة في هذا العنصر.

رابط URI يشرح سبب التعديل، مثل رابط إلى خلاصة إجتماع في الشركة أو نظام التبليغ عن العلل...

تُشير هذه الخاصية إلى وقت وتاريخ التعديل، ويجب أن تكون بصيغة صحيحة للتاريخ مع توفير الوقت اختياريًا، وإن لم يتمكن المتصفح من تفسير قيمة هذه الخاصية فستهمل.

تعرض أغلبية المتصفحات العنصر <ins> بضبط الخاصية text-decoration إلى underline:

ins {
  text-decoration: underline;
}

@@ سطر 4: / سطر 4: @@
 مثال عن إضافة نص جديد:
 <syntaxhighlight lang="html">
-<ins>This text has been inserted</ins>
+<ins>أضيف هذا النص</ins>
 </syntaxhighlight>مثال عن إضافة نص جديد ضمن فقرة <code>[[HTML/param|<nowiki><p></nowiki>]]</code> مع تحديد تاريخ الإضافة عبر الخاصية <code>[[#datetime|datetime]]</code>:<syntaxhighlight lang="html">
-<ins datetime="2018-01-01"><p>This paragraph has been inserted.</p></ins>
+<ins datetime="2018-01-01"><p>أضيفت هذه الفقرة.</p></ins>
 </syntaxhighlight>
+== بطاقة العنصر ==
 {| class="wikitable" style="width: 100%;"
 |-
@@ سطر 48: / سطر 49: @@
 === <code>datetime</code> ===
 تُشير هذه الخاصية إلى وقت وتاريخ التعديل، ويجب أن تكون [https://html.spec.whatwg.org/multipage/infrastructure.html#valid-date-string-with-optional-time بصيغة صحيحة للتاريخ مع توفير الوقت اختياريًا]، وإن لم يتمكن المتصفح من تفسير قيمة هذه الخاصية فستهمل.
+== التنسيق الافتراضي ==
+تعرض أغلبية المتصفحات العنصر <code><nowiki><ins></nowiki></code> بضبط الخاصية <code>[[CSS/text-decoration|text-decoration]]</code> إلى <code>underline</code>:<syntaxhighlight lang="css">
+ins {
+  text-decoration: underline;
+}
+</syntaxhighlight>
 ==مصادر ومواصفات==