Attribute und Verwendung von INS- und DEL-Tags

Attribute und Verwendung von INS- und DEL-Tags
ins und del wurden in HTML 4.0 eingeführt, um Autoren die Zusammenarbeit bei der Erstellung von Dokumenten zu erleichtern und auch einige Bearbeitungsfunktionen (so kann beispielsweise widergespiegelt werden, wie der Autor das Dokument im Laufe der Zeit geändert hat und was er davon hielt) und Versionskontrollkomponenten (mithilfe einer Software kann das Dokument in den Zustand zu einem bestimmten Zeitpunkt zurückversetzt werden) beizubehalten.

ins- und del-Attribute

cite : Der Attributwert ist eine URI eines Dokuments oder einer Informationsquelle. Dieses Attribut wird verwendet, um anzugeben, warum die Erklärung dieses Dokuments geändert wurde.

datetime : Der Attributwert beschreibt klar und detailliert das Datum und die Uhrzeit der Änderung.


Erklärung des W3C zu del und ins:

INS und DEL werden verwendet, um Abschnitte eines Dokuments zu markieren, die im Vergleich zu einer anderen Version des Dokuments eingefügt oder gelöscht wurden (z. B. in einem Gesetzesentwurf, bei dem der Gesetzgeber die Änderungen einsehen muss).

Diese beiden Elemente sind für HTML ungewöhnlich, da sie entweder als Block- oder Inline-Elemente (aber nicht beides) dienen können. Sie können ein oder mehrere Wörter innerhalb eines Absatzes oder ein oder mehrere Block-Elemente wie Absätze, Listen und Tabellen enthalten.

del definiert den Textinhalt, der im Dokument gelöscht wurde, und ins wird verwendet, um Aktualisierungen und Korrekturen im Dokument zu beschreiben. Der Standardbrowserstil von del ist gelöscht und der Standardstil von ins ist unterstrichen. Dies kann auch die Verwendung der beiden gut veranschaulichen. Normalerweise werden die beiden Elemente zusammen verwendet.

Verwendung von ins und del

In HTML können die Elemente „ins“ und „del“ entweder Blockelemente oder Inline-Elemente sein, jedoch nicht beides gleichzeitig. Sie können also ein oder mehrere Wörter in einem Absatz enthalten oder mehrere Elemente auf Blockebene wie Absätze (p), Listen (ul, ol, dl), Tabellen (table) usw.

<p>Ich habe <del cite="http://www.baikelu.com/" datetime="20070515T192525+08:00">2</del><ins cite="http://www.baikelu.com/" datetime="20070515T192525+08:00">3</ins> Cent</p>

<del title="Gerade verloren" datetime="20070515T192525+08:00"><p>Ich habe 3 Cent</p></del>

Autoren können das Titelattribut verwenden, um eingefügte oder gelöschte Elemente zu kommentieren, und Benutzeragenten (z. B. Browser) können diese Informationen den Benutzern anzeigen.

<p><del title="Gerade verloren" datetime="20070515T192525+08:00"><div><p>Ich habe 3 Cent</p></div></del></p>

Dies ist eine falsche Schreibweise, d. h. ins und del können nicht gleichzeitig Blockelemente und Inline-Elemente sein.

Die Anzeigeeffekte von ins und del auf der Seite können durch CSS gesteuert werden

<<:  Gestaltung von Popup-Fenstern und schwebenden Ebenen im Webdesign

>>:  Detaillierte Darstellung des MySQL 5.7.33-Installationsprozesses

Artikel empfehlen

Beispielcode für CSS-Stacking und Z-Index

Kaskadierung und kaskadierende Ebenen HTML-Elemen...

Erläuterung, ob im interaktiven Design Paging oder Laden gewählt werden soll

Der Autor dieses Artikels @子木yoyo hat ihn in seine...

Abfrage der Daten des Tages vor dem aktuellen Zeitintervall in MySQL

1. Hintergrund In tatsächlichen Projekten stoßen ...

Einführung in mögliche Probleme nach der Installation von Tomcat

1. Der Tomcat-Dienst ist nicht geöffnet Geben Sie...

So installieren und ändern Sie das Anfangskennwort von mysql5.7.18

Informationen zur Centos-Installation von MySQL f...

Leitfaden zur effizienten Nutzung von MySQL-Indizes

Vorwort Ich glaube, die meisten Leute haben MySQL...

Eine kurze Diskussion über ereignisgesteuerte Entwicklung in JS und Nodejs

Inhaltsverzeichnis Ereignisgesteuert und Publish-...

Starten Sie alle gestoppten Docker-Container mit einem Befehl neu

Starten Sie alle gestoppten Docker-Container mit ...

Zusammenfassung der Formulardesigntechniken im Webdesign

„Eingaben sollten in logische Gruppen unterteilt ...

js, um einen 3D-Karusselleffekt zu erzielen

In diesem Artikel wird der spezifische Code zur I...

Verkürzen Sie die Seiten-Rendering-Zeit, damit die Seite schneller läuft

Wie kann die Seiten-Rendering-Zeit im Browser so ...

Markup-Validierung für Doctype

Aber vor kurzem habe ich festgestellt, dass die Ve...

So generieren Sie eine Vue-Benutzeroberfläche per Drag & Drop

Inhaltsverzeichnis Vorwort 1. Technisches Prinzip...