del and ins

[pne]

I updated an old entry of mine and marked up the change with the HTML tags <del> and <ins>, indicating that I first deleted some content and then inserted some new content.

Based on my previous experience of browser renderings, I expected the deleted content to have a line through it and the newly-inserted content to have a line underneath it.

However, when I viewed the entry in three different browsers, I saw that behaviour only in MSIE (6.0, in case that matters). Firefox showed no text decoration at all and Chrome only decorated the inserted text with an underline, but not the deleted text with a line-through.

Odd.

For reference, here’s some deleted text and some inserted text.

(Incidentally, I wonder whether the curious behaviour stems from the fact that I didn’t just use the plain tag, but I added cite and datetime attributes to point to the reasoning for the change and to mark up when the change was made. Test: deleted text with cite and datetime and inserted text with cite and datetime; deleted text with cite but no datetime and inserted text with cite and datetime; deleted text with no cite but with datetime and inserted text with no cite but with datetime.)

(And in case it’s different between LiveJournal and Dreamwidth, due to the different site stylesheets, cross-links: LiveJournal version of this entry; Dreamwidth version of this entry.)

Edit: FWIW, Opera shows the old entry the way I expected. Yay :)

Comments

[yvi]

Hmmm, I don't see anything in http://pne.livejournal.com/236847.html , but I do see underlines and striked-through text on this entry and the cross-link.

[pne]

Chrome shows me this entry with deletions = crossed-out but insertions = no decoration, oddly enough. (And the other way around on the old LiveJournal entry.) I see both decorations on the new LiveJournal entry.

Which browser are you using (on which OS)? Are you viewing the entry page in site style, light style, your style, my style?

(I use style=site globally. When I force style=mine, I see underlines for inserted text here, too.)

[yvi]

I use IceWeasel (Firefox) 3.5.

I see them on http://pne.livejournal.com/946628.html , but not on http://pne.livejournal.com/236847.html and I view all three with no further style arguments while logged in with my Dreamwidth/OpenID.

[schnurble]

I'm using IE7 and it shows all deletions striked through and inserts underlined, both here and in the other entry. But I suppose this is no big surprise when IE6 did this as well :o)

[pne]

But I suppose this is no big surprise when IE6 did this as well :o)

In principle, no, but I've heard that IE6 was a bit odd (and not so standards-conforming) on some points, compared to the later versions, so it's still good to know. Thanks!