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

推薦する

Node.js における path.join() の利点の分析

文字列連結ではなく path.join() メソッドを使用する必要があるのはなぜか疑問に思うかもしれ...

Typescriptを使用してローカルストレージをカプセル化する方法

目次序文ローカルストレージの使用シナリオ使用上の問題解決機能性有効期限を追加データ暗号化を追加する命...

デザイン理論: コンテンツプレゼンテーションのための 10 のヒント

<br /> テキスト、記号、リンクの3つの側面に焦点を当て、主に中国語で、個人的な執筆...

HTML テーブル マークアップ チュートリアル (15): テーブル タイトル

<br />このタグを使用すると、表のタイトルを直接追加し、タイトル テキストの配置プロ...

CD コマンドを使わずに Linux でディレクトリ/フォルダに入る方法

ご存知のとおり、cd コマンドがないと、Linux でディレクトリを切り替えることはできません。それ...

MySQLの左結合を内部結合に素早く変換するプロセス

日々の最適化プロセス中に、奇妙なことに気付きました。同じ SQL にまったく異なる 2 つの実行プラ...

シェルスクリプトを使用して CentOS7 に python3.8 環境をインストールする (推奨)

ワンクリック実行仮想マシンに Python 3.8 をインストールするには、ネットワーク アダプター...

deepin 2014 システムに MySQL データベースをインストールする方法

Deepin 2014 のダウンロードとインストールDeepin 2014 のダウンロードとインスト...

Vueはel-tableを使用して列と行を動的に結合します

この記事の例では、el-tableを使用して列と行を動的にマージするVueの具体的なコードを参考まで...

Ubuntu 16.04 で FTP サーバーを構築するチュートリアル

Ubuntu 16.04 FTP サーバーをビルドするftpをインストールするftp をインストール...

MySQL レプリケーション テーブルの詳細とサンプル コード

MySQL レプリケーション テーブルの詳細な説明テーブル構造、インデックス、デフォルト値などを含む...

CSSでできるならJavaScriptは使わない

序文JavaScript で記述できるアプリケーションは、最終的には JavaScript で記述さ...

Tomcat および Web アプリケーションの Docker デプロイメントの実装

1.dockerをオンラインでダウンロードする yum インストール -y epel-release...

丸い角や鋭い角の代わりに文字を使用することに関する研究経験の共有

1. フォントと文字表示の関係左側と右側の鋭角部分は Songti フォントで表示されます: &l...

Windows 10 に Apache 2.4.41 をインストールするチュートリアル

1. Apache 2.4.41 のインストールと設定最初のステップは、以下に示すように、https...