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を報告します

推薦する

ウェブデザインの達人がよく使うレスポンシブフレームワークを共有する(要約)

この記事では、Web デザインの達人がよく使用するレスポンシブ フレームワーク (概要) を紹介し、...

ウェブページの内部アンカーポイントを実現するための純粋なCSSの上下オフセットコード例

最近、「フットボール ナビゲーション」Web サイトに取り組んでいるときに、上部の固定ナビゲーション...

CSS リセットスタイルリセットの実装例

はじめに: すべてのブラウザには、「ユーザー エージェント スタイル シート」と呼ばれる、すべてのペ...

js配列のfind、some、filter、reduceの違いの詳細な説明

Array の filter、find、some、reduce メソッドの違いを区別し、使用シナリオ...

MySQL バッチ追加および保存メソッドの例

ストレステストにログインする際には、多くの異なるユーザーが必要となり、データベースに新しいデータを追...

シンプルなナビゲーションバー機能を実現するHTML+CSS

さっそく、コードを見てみましょう(初心者:特に言うことはありません) <!DOCTYPE ht...

CSS3 で QR コードスキャン効果を実装する例

オンラインプレビューhttps://jsrun.pro/AafKp/まず効果を見てみましょう:最初の...

Tomcatのクラスロードメカニズムを説明する記事

目次- 序文 - - JVM クラスローダー - 1. JVMクラスローダー2. クラスローダーのソ...

Linux での MySQL マルチインスタンスの展開とインストール ガイド

MySQLマルチインスタンスとは簡単に言うと、MySQL マルチインスタンスとは、サーバー上で複数の...

CSS でマウスの位置をマッピングし、マウスを動かしてページ要素を制御する (サンプル コード)

マウスの位置をマッピングしたり、ドラッグ効果を実装したりすることは、 JavaScriptで行うこと...

HTML 学習ノート - HTML 構文の詳細な説明 (必読)

1. HTML マークアップ言語とは何ですか? HTML は、Web ページの情報を表すマークアッ...

jsの継承の6つの方法を詳しく解説

プロトタイプチェーン継承プロトタイプ継承は、ECMAScript における主な継承方法です。基本的な...

Vueカスタムカプセル化ボタンコンポーネント

Vueボタンコンポーネントのカスタムカプセル化コードは参考用です。具体的な内容は次のとおりです。ボタ...

Vue データ内のプロパティをランダムに変更すると、ビューは更新されますか?

インタビュアー: Vue のソースコードを読んだことはありますか?応募者:あります。インタビュアー:...

Vueはビデオ再生を実装するためにビデオタグを使用します

この記事では、ビデオタグを使用してビデオ再生を実装するVueの具体的なコードを参考までに共有します。...