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に挿入する前にデータが存在するかどうかを確認する方法

ビジネスシナリオ: 訪問者の訪問状況を記録する必要があるが、繰り返し記録することはできない挿入する前...

JavaScriptプロトタイプチェーンを理解する

目次1. プロトタイプとプロトタイプチェーンの平等関係を理解する2: プロトタイプとプロトタイプ チ...

vue.jsは画像のURLに従って画像をダウンロードします

最近、フロントエンドの vue.js ドッキング機能モジュールに取り組んでいたとき、画像をダウンロー...

MySQLデータクエリが多すぎるとOOMが発生するかどうかについての簡単な議論

目次サーバー層でのフルテーブルスキャンの影響InnoDB におけるフルテーブルスキャンの影響Inno...

Vueはechartsに基づいて3次元の縦棒グラフを実装します

3次元縦棒グラフは、正面、右側、上部の3つの部分で構成されています。描画するときは、正面をグラフィッ...

フロントエンドにアニメーション遷移効果を実装する方法

目次導入従来のトランジションアニメーションCSS トランジションアニメーションjsアニメーション従来...

HTML における li タグの水平配置の例

ほとんどのナビゲーション バーは、下の図に示すように水平に配置されていますが、これはどのように実現さ...

MySQL MyISAM と InnoDB の違い

違い: 1. InnoDB はトランザクションをサポートしていますが、MyISAM はサポートしてい...

SQL 文における複合主キーと結合主キーに関する予備的研究

1. 複合主キーいわゆる複合主キーとは、テーブルの主キーが複数のフィールドで構成され、ビジネス上の意...

初心者のための入門チュートリアル⑤:ウェブサイト登録はとても簡単、簡単な登録のヒント

スペースを購入してウェブサイトを構築したことがある友人なら、ウェブサイトは正式に開設する前に登録する...

docker で nginx+php+mysql を設定する方法

まず、方法を理解します。 docker exec を使用して Docker コンテナに入るDocke...

ES6 クラス継承を使用してゴージャスなボール効果を実現する方法

目次導入実装手順キャンバス環境を作成するライティングボールBallクラスを継承するMoveBallク...

Vue プロジェクトでのスキャンコード決済の実装例 (デモ付き)

目次需要背景思考分析UI 表示始める1. 支払いコンポーネントテンプレートを作成する2. 支払いコン...

HTML における <meta> タグの使用に関する詳細な説明

私たちが作成する Web ページでは、より多くの人々に訪問してもらいたい場合、検索エンジンを使用して...

Tomcat ディレクトリ構造の詳細な紹介

tomcat の解凍されたディレクトリを開くと、次のディレクトリ構造が表示されます。 1.Tomca...