compro viagra generico in italia commande de cialis en france prezzo viagra 50 mg viagra a vendre quebec cialis comprare tadalafil 20mg cialis marca beställ viagra levitra rezept comprar levitra 10 mg generico en farmacias viagra en pharmacie en france levitra indien cialis preiswert farmaco cialis trouver du viagra pas cher viagra compra online comprar viagra en valencia viagra 25 mg kaufen viagra se procurer viagra en 24 horas viagra express france cialis senza prescrizione medica kamagra in italia pharmacie canadienne cialis viagra gratis españa viagra enh cialis 5mg filmtabletten preisvergleich commande viagra viagra super super kamagra preis

CSS Fun: Flag Deprecated HTML Tags

Here is a little fun CSS snippet that helped me identify deprecated HTML on a recent project. Put these lines into the CSS file of your website:

/* Watch out for invalid/deprecated HTML in CMS */
b{font-size: x-large; background-color: fuchsia; color: yellow; font-weight: normal;}
i{font-size: x-large; background-color: lime; color: blue; font-style: normal}
font{background-color: aqua; color: red}
b,i,font{text-decoration: blink;}

This was really useful for identifying dirty HTML that was generated from a Microsoft-based CMS.

Coloring and blinking text makes the editors aware that something is wrong. Two major advantages for this approach:

  • Instant attention on HTML validation errors (also for non-developers)
  • Developers spend less time on hunting down invalid HTML that constantly sneaks into the web application.

These lines may also be useful to you — unless you are able to guard your HTML before it’s inserted in your application (something that was not possible at this project).

2 Responses to “CSS Fun: Flag Deprecated HTML Tags”

  1. Jon Cram Says:

    A great idea!

    It might be better to differentiate between deprecated elements and the deprecated /use/ of elements.

    The HTML 4.01 specs contain a list of elements, with those deprecated marked as such: http://www.w3.org/TR/REC-html40/index/elements.html

    You’ll notice that the list of elements doesn’t mark ‘i’ and ‘b’ as deprecated. It is not that ‘i’ and ‘b’ have been deprecated, more than their /use/ has been cautioned against.

    There are use cases supporting the need for ‘i’ to italicise a piece of text instead of using CSS to achieve the same visual effect.

    A good example is the use of italics when presenting a book title within text. We can’t use ‘em’ because we don’t want to emphasise the title, we merely want to use italics in following with the conventions of print. There are more justifications for this, but that would start getting too off-topic.

    Back to my main point: use one form of colouring for deprecated elements (ones you can be certain should not be there) and a different form of colouring for commonly misused elements (which /probably/ shouldn’t be there, but might actually be correctly used).

  2. Jesper Rønn-Jensen Says:

    Jack Clarke wrote:

    Jack Clarke
    http:// technewsline.net/ | clark31@mail.com | 75.177.28.174

    Pretty cool, it would be fun to have a tool that will do the same thing on on any site – I think you’d be surprised how much deprecated HTML is still in use.

    Actually, you could easily add this into a greasemonkey script or similar.

    PS. I marked your original comment as spam because it’s refering to a product/SEO site. See our revised blog comment policy.