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

Perfekte Lösung für den Themenwechsel basierend auf CSS-Variablen (empfohlen)

Als Baidu diese Anforderung erhielt, fand das Unt...

Installations- und Konfigurationsmethode des Vue-Route-Routing-Managements

einführen Vue Router ist der offizielle Routing-M...

Docker-Installation Nginx Tutorial Implementierung Abbildung

Lassen Sie uns Nginx installieren und ausprobiere...

my.cnf (my.ini) wichtige Parameteroptimierungs-Konfigurationsanweisungen

MyISAM-Speicher-Engine Die MyISAM-Speicher-Engine...

JavaScript navigator.userAgent erhält Browserinformationen – Fallerklärung

Der Browser ist für uns wahrscheinlich das vertra...

Detaillierte Erläuterung des MySQL-Clusterindex und des Nicht-Clusterindex

1. Clustered-Index Tabellendaten werden in der Re...

So umgehen Sie unbekannte Feldnamen in MySQL

Vorwort Dieser Artikel stellt die fünfte Frage vo...

Eine kurze Analyse von Kubernetes-Controllern und -Labels

Inhaltsverzeichnis 01 Gemeinsame Controller in k8...

So deaktivieren Sie Webseitenstile mit dem Webentwickler von Firefox

Voraussetzung: Das Webentwickler-Plugin wurde inst...

JavaScript zum Wechseln zwischen mehreren Bildern

In diesem Artikel wird der spezifische JavaScript...