出現できる文脈と内容模型

[4] ins 要素や del 要素は HTML では特殊で、ブロック水準要素としても行内要素としても使用できます。 (両方同時にはできません。)

[5] ins 要素や del 要素が行内要素として使用されているときには、 ブロック水準要素を内容とすることはできません。

逆にブロック水準要素として使われているときに行内要素や文字データを子供にしてはいけないとは HTML 4 仕様書には書いてないみたいです。 ただ、仮に ins タグや del タグを取り去ったときに行内要素や文字データが body 要素の子供になってしまうような場合は問題でしょう。

[6] HTML 4 仕様書にたぶん明確に書かれていないと思いますが、 %flow な文脈 (ブロック水準要素も行内要素も来得る文脈) では ins 要素や del 要素はどのように振る舞うべきかという問題があります。

理想的には、

<li>
<p>
<ins>
<p/>
</ins>
</li>

はブロック水準要素として、

<li>
あいうえお<ins>かきくけこ</ins>さしすせそ
</li>

は行内要素として働いて欲しいですが、これを機械的に区別するなら兄弟や子供をチェックしないと決定できません。

[14] HTML 4 は ins と del を body 要素型の添加要素指定に入れています。 このように添加要素を使った DTD では、 空白の SGML 的処理が他の要素とは違ってきます。詳しくは SGML//空白を参照。

[15] HTML 4 DTD では body で添加されていながらどの要素型でも除外されていないので、 DTD 的には本当にどこにでも (例えば ul 要素の直下や table 要素の直下や legend 要素の前など。ただし img のような強制空要素内は不可。) にも ins や del が入って良いことになってしまいます。 仕様書でも特にそれに言及していません。 それでよいのでしょうか。

(添加要素指定を使っていない DTD、例えば XHTML 1 ではこの問題はありません。)

ul の直下などは使えて嬉しいこともありそうですが、 ins や del の子供に li が来れないので意味がありません。

[16] >>6 %flow の問題は li などだけかと思っていましたが、それは Strict DTD での話、 Transitional 系 DTD では body 要素など色々なところで問題が起こりますね。

CSS で display を決定するような処理は不可能。

レンダリング

[10] HTML 4 によれば、 UA は変更が明らかであるように挿入をレンダリングするべきです。

たとえば、特別なフォントで表示する方法があると述べられています。

[11] 多くの視覚的 UA では、 text-decoration: underline な既定スタイルを持っています。

その他に著者のスタイルシートで広く行われている表現としては、 枠で囲ったり、背景色を変えてみたりされています。

[12] テキストブラウザの類では、 引用部の最初と最後に目印となる文字列を入れるものもあります。

[13] ins 要素型に対応していない古いブラウザでは ins 部分と周りの部分の見分けがつかない表示になってしまうのが普通です。 (ただ、 ins 要素はその性質上、 変更点を見たい場合以外は問題にならないでしょう。)

[17] 変更後の文書を見たいときのモード (あるいは代替スタイル) では ins は普通に表示し、 del はまったく表示しないというのもありでしょう。 逆に、変更前を見たいモードでは ins は非表示で del は普通に表示、てな具合。

[18] datetime 属性を使っていれば、何月何日の時点での文書の状態を表示、なんてのもできそうです。

[31] ins要素のスタイルの場合分け:メモランダム (2007-04-28 20:47:46 +09:00 版) <http://mynotes.jp/blog/2007/04/ins_style2> (名無しさん 2007-04-29 02:31:57 +00:00)

例

[8] (HTML 4 仕様書より):

<INS datetime="1994-11-05T08:15:30-05:00"
        cite="http://www.foo.org/mydoc/comments.html">
Furthermore, the latest figures from the marketing department
suggest that such practice is on the rise.
</INS>

datetime 属性は修正日時、 cite 属性は修正理由の書かれた資源を記述できます。

[9] (HTML 4 仕様書より):

<INS datetime="1994-11-05T08:15:30-05:00"
        title="Changed as a result of Steve B's comments in meeting.">
Furthermore, the latest figures from the marketing department
suggest that such practice is on the rise.
</INS>

title 属性は修正理由の簡単な説明のために使うことができます。

[7] 不正な例 (HTML 4 仕様書より):

<P>
<INS><DIV>...block-level content...</DIV></INS>
</P>

[19] 複数の修正の重なった例:

<p> 利用者<ins class="r3">エージェント</ins>は、ここをこう<del class="r3"><del class="r2">しなければなりません</del><ins class="r2">するべきです</ins></del><ins class="r3">するように利用者を促さなければなりません</ins>。

この例では、第2版における修正を r2, 第3版における修正を r3 として分類しています。

この文書のスタイル・シートは次のような感じにするとよさげです。

head 要素内で:

<link rel="stylesheet" href="document-style"> 
<link rel="alternate stylesheet" href="rev1-style" title="初版"> 
<link rel="alternate stylesheet" href="rev2-style" title="第2版"> 
<link rel="stylesheet" href="rev3-style" title="第3版"> 

4種類のスタイル・シートのうち、文書全般に関するものを持続スタイルに、 残りを代替スタイルにします。 そのうち、最新の版は優先スタイルにしておきます。

CSS スタイル・シート rev1-style の例:

ins {
  display: none;
}
del {
  display: inline;
}
body > del {
  display: block;
}

CSS スタイル・シート rev2-style の例:

ins {
  display: none;
}
ins.r2 {
  display: inline;
}
body > ins.r2 {
  display: block;
}
del {
  display: inline;
}
body > del {
  display: block;
}
del.r2, body > del.r2 {
  display: none;
}

CSS スタイル・シート rev3-style の例:

ins {
  display: none;
}
ins.r2, ins.r3 {
  display: inline;
}
body > ins.r2, body > ins.r3 {
  display: block;
}
del {
  display: inline;
}
body > del {
  display: block;
}
del.r2, body > del.r2,
del.r3, body > del.r3 {
  display: none;
}

[27] 引用者注:

<blockquote>
<p>昔々、あるところに、おじいさんとおばあさんが住んでいました。</p>
<ins class="引用者注">
  <p>原文ではここに挿絵があります。</p>
</ins>
<p>おじいさんは山へ芝刈りに、おばあさんは川へ洗濯へ向かいました。</p>
<ins class="snip"><p>(中略)</p></ins>
<p>おじいさんとおばあさんはいつまでも幸せにくらしましたとさ。</p>
</blockquote>

この例では、引用部内で (引用文献の著者ではなく) 引用者が記述した部分を明確にするためにins要素型を用いています。

(名無しさん [sage])

[28] >>27 のような使い方は本来のsemanticsからはずれていますが、 まったく別のものともいいがたく、どうするべきか本当に悩ましい。 (名無しさん [sage])

[29]

“The decree, voted by the priests of Egypt at Memphis [WSDL WG] , is repeated in two languages— Egyptian [prose] (in both hieroglyphic and demotic scripts) and Greek [Z] —— and records the good deeds of Ptolemy and the honours proposed for the twelve year old King.

Through the Rosetta Stone and other similar bilingual inscriptions scholars [developers] were able to decipher the hieroglyphs [specs] of ancient Egypt [W3C] .”

— British Museum

これも >>27 同様insでマークできそうです。

XHTML2

[36] XHTML2 の最初の作業原案には ins 要素、 del 要素も含まれていましたが、 2つ目の作業原案で削除され、代わりに edit 属性が導入されました。

HTML5

[38] ins 要素は、2005年4月16日版 (現存せず) WA1 で追加されました。