Attributes and usage of ins tags and del tags

Ins and del were introduced in HTML 4.0, which can help creators cooperate with each other when developing documents, and also maintain some editing (for example, it can reflect that the creator modified the document for a period of time and how he thought about it) and version control components (with the help of the software, it can restore the document to its state at a certain time). ins and del properties

cite : The attribute value is the URI of a document or information resource. This attribute indicates why the explanation information of this document is changed.

datetime : The property value clearly states the date and time when the modification occurs

W3C's explanation of del and ins:

INS and DEL are used to markup sections of the document that have been inserted or deleted with respect to a different version of a document (eg, in draft legislation where lawmakers need to view the changes).

These two elements are unusual for HTML in that they may serve as either block-level or inline elements (but not both). They may contain one or more words within a paragraph or contain one or more block-level elements such as paragraphs, lists and tables.

del defines the deleted text content in the document. Ins is used to describe updates and corrections in the document. The default style of del's browser is cut-off line, and ins is underlined by default. This can also well illustrate the usage of the two. Usually, the two elements are used together.

Ins and del usage

In HTML, the two elements ins and del can be used as block-level elements or inline elements, but they cannot be used as two elements at the same time. So they can contain one or several texts in the paragraph, or they can contain several block-level elements such as paragraph (p), list (ul, ol, dl), table (table), etc.

<p>I have <del cite=http://www.baikelu.com/ datetime=20070515T192525+08:00>2</del><ins cite=http://www.baikelu.com/ datetime=20070515T192525+08:00>3</ins>subs</p>

<del title=Just lost datetime=20070515T192525+08:00><p>I have 3 cents</p></del>

Creators can comment on inserted or deleted elements through the title attribute, and the user agent (such as the browser) may display this information to the user.

<p><del title=Just lost datetime=20070515T192525+08:00><div><p>I have 3 cents</p></div></del></p>

This is a wrong way to write, that is, ins and del cannot be both block-level elements and inline elements at the same time

The display effect of ins and del on the page can be controlled through CSS