Comments on: 10 HTML Tag Crimes You Really Shouldn’t Commit

By: Dan

Dan — Wed, 03 Feb 2010 16:46:46 +0000

Great page of advice! – I have used many of those things in the past and some I still do *ashamed face* I know I’m really just too lazy. But I do go back and change my site with these kind of things in mind when i have time.

Cheers for posting

By: Best of 2009 – Articles, Tutorials, Freebies and Web Sites | DesignLovr

Mon, 01 Feb 2010 19:34:36 +0000

[...] 9. Line25 – 10 HTML Tag Crimes You Really Shouldn’t Commit [...]

By: ecardblog

ecardblog — Mon, 01 Feb 2010 00:28:12 +0000

i need more bro. nice sharing.

By: HTMLの基本ルール : SS labs | SS labs

HTMLの基本ルール : SS labs | SS labs — Sat, 30 Jan 2010 15:22:46 +0000

[...] 10 HTML Tag Crimes You Really Shouldn’t Commit [...]

By: Anarm

Anarm — Thu, 28 Jan 2010 12:45:46 +0000

great sharing.. thanks for this info..

By: 10 Kesilapan HTML Tag Yang Sering Dilakukan Oleh Blogger — Malaysia Web Designer | Malaysia Web Developer | Kelantan Web Designer Baloot's Blog

Thu, 28 Jan 2010 09:43:46 +0000

[...] Baca Detail – Kesilapan HTML Tag [...]

By: Bookmarks 1/10/2010 « Susan’s Normal Form (SNF)

Bookmarks 1/10/2010 « Susan’s Normal Form (SNF) — Mon, 11 Jan 2010 22:03:30 +0000

[...] 10 HTML Tag Crimes You Really Shouldn’t Commit [...]

By: Tom

Tom — Sun, 10 Jan 2010 12:10:07 +0000

I take most of these for granted but the online styling doesn’t sit very well with me. Obviously it’s best to put everything into CSS but sometimes it’s actually more convenient to add a width to an id/class-less div than to give that div an arbitrary id or class that will be hard to track down later – should I need to ammend it. What I am considering is a more modularised approach entirely:

name and define classes iny CSS for widths and heights so I can add them into te HTML freely (
.x100 { width: 100px; }
.y100 { height: 100px; }
).

This would negate the entire problem: I’d say heights and widths are the most frequent examples where the above usage could come in handy. I already use classes like the above to float or align elements and chain them on to the HTML.

By: Hasan

Hasan — Tue, 05 Jan 2010 19:20:53 +0000

Inline styling (Crime 7) is not a crim!! Many famous giants like google, yahoo, w3.org use it & recommends them.
They come in handy when you do not wanna load a new stylesheet file for just few new lines of styling, Instead you can use inline style tag to achieve performance.

By: Milo

Milo — Tue, 15 Dec 2009 16:22:52 +0000

I’m in favor of the semantic-only approach, in theory, but it’s clear that most people don’t understand that just because something is visual doesn’t make it non-semantic.

The term “strong” is especially funny I think. Whoever had referred to strong text or described bold-set words as “strong” before the invention of this misguided element? There is no such thing as “strong” text. As for emphasis, well, should we have a sarcasm tag too, depending on the particular (semantic) meaning of the italics?

If this is the point — to break down semantic typographic attributes into abstract meanings (perhaps in the name of accessibility), why don’t we have a span around each and every word with a “dictionaryid” attribute indicating its specific meaning (assuming the meaning has been registered by some bureau of language standards — otherwise, should you really be using a non-standard word? It might not validate).

Do whatever works unless there’s actually a reason not to. Consecutive line-breaks? There may be a more efficient way to do that (unless you only need the gap once), but it’s not like there’s any browser that won’t understand the br tag… I don’t like this dogmatic approach at all.