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 5.7 zip アーカイブ バージョンのインストール チュートリアル

この記事では、MySQL 5.7 zipアーカイブ版のインストールチュートリアルを参考までに紹介しま...

CSS3+HTML5+JSでブロックの縮小・拡大アニメーション効果を実現

最近、あるプロジェクトに取り組んでいたとき、自分のプロジェクトでは CSS3 のアニメーション技術を...

CocosCreatorでシューティングゲームを作る詳しい解説

目次シーン設定ゲームリソース砲塔の回転動的に生成された弾丸衝突計算効果を高めるターゲットの動き弾薬庫...

JavaScript の実行コンテキストとコールスタックの詳細な説明

目次1. 実行コンテキストとは何か2. 実行コンテキスト スタックとは何ですか? 3. 実行コンテキ...

MySQL データをエクスポートおよびインポートするための HeidiSQL ツール

場合によっては、SQL へのデータのエクスポートとインポートを容易にするために、特定のツールを使用し...

HTML に画像が存在しない場合にデフォルトの画像を表示する方法の例

画像リンク <img src="" /> jsを使用してURLが有効...

Centos7にGitLabサーバーをインストールして展開する方法

私はここでCentOS 7 64ビットシステムを使用しています。CentOS 64ビットシステムを試...

VUE+Canvasはデスクトップピンボールブロック破壊ゲームのサンプルコードを実装します

誰もがピンボールやレンガ崩しのゲームをプレイしたことがあるでしょう。左と右のキーを使用して、下にある...

Tomcatのクラスロードメカニズムのプロセスとソースコード分析

目次序文1. Tomcat クラスローダー構造図: 2. Tomcat のクラスロードプロセスの説明...

JSはクリックドロップ効果を実装します

jsはクリックとドロップの特殊効果を実現します。まずは効果画像を見てみましょうさっそく始めましょう。...

さまざまなHTTPリターンステータスコードの詳細な説明

サイト上のページを表示するためのリクエストがサーバーに送信されると(たとえば、ユーザーがブラウザでペ...

axios リクエストのカプセル化に基づく Vue アプリケーションのサンプルコード

目次axiosとは何ですか? Axios リクエストタイプ? Axiosはデフォルトのカスタム構成を...

MySQL マスター/スレーブ ステータスを監視するシェル スクリプト

Linuxでシェルスクリプトを共有して、MySQLのマスタースレーブ状態を監視し、エンタープライズW...

Vue でメニュー権限制御を実装するためのサンプルコード

バックエンド管理システムで作業している場合、通常、メニュー権限制御に関連する問題に遭遇します。もちろ...

Tomcat のパフォーマンス最適化のための Apr モジュールの構築方法

序文Tomcat は、無数のチューニング オプションを備えた、広く使用されている Java Web ...