INS と DEL を使用してドキュメントの変更をマークする方法の詳細な説明

INS と DEL を使用してドキュメントの変更をマークする方法の詳細な説明
ins と del は、HTML 4.0 で導入され、文書の作成時に作成者が共同作業できるようにし、また、編集 (たとえば、作成者が一定期間にわたって文書をどのように変更したか、どのように考えたかを反映できます) とバージョン管理コンポーネント (ソフトウェアの助けを借りて、文書を特定の時点の状態に復元できます) を保持します。

財産
1.cite: 属性値は文書または情報リソースの URI です。この属性は、この文書の説明情報が変更された理由を示します。
2.datetime: 属性値は、変更が発生した日時を明確かつ詳細に説明します。
datetime属性値の形式は次のとおりです: YYYY-MM-DDThh:mm:ssTZD
YYYY = 年を表す4桁の数字 (0000-9999)
MM = 月を表す2桁の数字 (01 - 12)
DD = 日を表す2桁の数字(01 - 31)
hh = 時間を表す2桁の数字 (00 - 23)
mm = 2 は分を表す数字です (00 - 59)
ss = 2 は秒を表す数字です (00 - 59)
TZD = タイムゾーンインジケーター、たとえば、変更時刻は: 北京時間 2007 年 5 月 15 日 19:25:25

datetime の書き方は次のとおりです
日付時刻="20070515T112525Z"
グリニッジ標準時は「ズールー」とも呼ばれ、値 Z で表されます。
日付時刻="20070515T192525+08:00"
北京時間はグリニッジ標準時より 8 時間進んでおり、これにより、作成者が場所によって異なる表記をした場合でも、世界時間の一貫性が確保されます。

知らせ
システムでは大文字と小文字が区別されます。T と Z は両方とも大文字でなければなりません。時間と分は必須です。秒がわからない場合や無視したい場合は、00 を使用できます。
3.id、クラス、言語、ディレクトリ、タイトル、スタイル
4.onclick、ondblclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup

使用法
HTML では、ins 要素と del 要素はブロックレベル要素またはインライン要素のいずれかになりますが、同時に両方になることはできません。したがって、段落内に 1 つまたは複数の単語を含めたり、段落 (p)、リスト (ul、ol、dl)、表 (table) などの複数のブロックレベル要素を含めたりすることができます。

コードをコピー
コードは次のとおりです。

<p>私は <del cite="http://dancewithent.com/example.html" datetime="20070515T192525+08:00">2</del><ins cite="http://dancewithent.com/example.html" datetime="20070515T192525+08:00">3</ins> セント</p>
<del title="たった今紛失" datetime="20070515T192525+08:00"><p>3 セントあります</p></del>
作成者は title 属性を使用して、挿入または削除された要素にコメントすることができ、ユーザー エージェント (ブラウザーなど) はこの情報をユーザーに表示できます。
<p><del title="たった今紛失" datetime="20070515T192525+08:00"><div><p>3 セントあります</p></div></del></p>

これは間違った書き方です。つまり、ins と del は、同時にブロック レベル要素とインライン要素の両方になることはできません。ページ上の ins と del の表示効果は CSS で制御できます。たとえば、この記事「IE、FireFox、および Opera ブラウザーでアルファ透明度をサポートする方法」の ins と del の効果を参照してください。

<<:  クールな充電アニメーションを実現する純粋なCSS

>>:  MySQLを5.7にアップグレードすると、WordPressはデータをインポートするときにエラー1067を報告します

推薦する

MySql で、存在しない場合は挿入し、存在する場合は更新する方法

まとめシナリオによっては、レコードがない場合は挿入し、レコードがある場合は更新するという要件がある場...

xshellを使用してLinuxサーバーに接続する

xshellを使用してLinuxに接続する利点Windows環境でLinuxを直接操作できるインター...

要素シャトルフレームのパフォーマンス最適化の実装

目次背景解決新しい質問高度な背景シャトル ボックスが大量のデータを処理すると、レンダリングされる D...

Vue+echart で 2 列チャートを実現

この記事では、vue+echart を使って二重列チャートを実現するための具体的なコードを参考までに...

Windowsタイムサーバーの設定方法の詳しい説明

最近、会社のサーバーの時間が不正確で、外部の時間ソースと同期できないことがわかりました。会社はドメイ...

ulとliの基本的な使用法の分析

ナビゲーション、少量のデータテーブル、中央揃え<!DOCTYPE html PUBLIC &q...

Linux インストール MongoDB の起動と一般的な問題の解決

MongoDB のインストール プロセスと問題記録1. MongoDBのインストールMongoDBを...

Linux ソフトウェアのインストール場所を確認する簡単な方法

1. ソフトウェアのインストールパスを確認します。 Linuxソフトウェアをインストールできる場所は...

ROS2のインストールとdocker環境の使い方について

目次Docker を使用する理由は何ですか? DockerのインストールROSイメージを取得するRO...

親コンテナの CSS 均等分割 (完全三分の一) の実装

親コンテナの幅は固定されています。子要素が親の幅を均等に分割するには、どのような方法がありますか?コ...

ウェブページのカラーマッチングにおけるオーバーラップとソフトカラーマッチングの手法を詳しく説明

この記事には、細かい点は一切なく、カラーマッチングのテクニックをシェアするだけです。とてもシンプルで...

NginxはIP経由の直接アクセスを禁止し、カスタム500ページにリダイレクトします

設定ファイルに直接 サーバー{ listen 80 default; # IPへの直接アクセスを禁止...

VMware インストール後に仮想ネットワーク カードが表示されない問題について

1 問題の説明: 1.1 Windows 10 に VMware を初めてインストールする場合、また...

ubuntu14.04 に jdk1.8 をインストールするチュートリアル

1. jdkダウンロードアドレスをダウンロードする我下載的是jdk-8u221-linux-x64....

Ubuntu 18.04 に phpMyAdmin をインストールするための詳細なチュートリアル

Ubuntu 18.04 上の Apache で動作するように phpMyAdmin をインストール...