Comments on: The Most Common HTML and CSS Mistakes to Avoid

By: Edwin

Edwin — Thu, 26 Aug 2010 16:55:34 +0000

forgetting to close tags is indeed one of my most common mistakes. Nice tips

By: Anthony

Anthony — Sun, 15 Aug 2010 01:09:38 +0000

love it… I get messed up using php when the quotes go nuts.

By: Anthony

Anthony — Sun, 15 Aug 2010 01:07:55 +0000

Google is not too… lmao

By: Ari

Ari — Fri, 13 Aug 2010 22:37:50 +0000

Nice

By: Jeff

Jeff — Thu, 01 Jul 2010 16:01:31 +0000

[quote]Name your divs specific things like #home-left-column which is better than just #left.[[/quote]

Others may have brought this up already, but I haven’t read all the comments before adding my .02 cents. Forgive me if this is redundant, but…

While I agree about using unique names for IDs and classes, I disagree with the naming convention you suggested. In the example given, it was suggested to name the ID as “#home-left-column.” again, I agree this is better than “#left,” but if you want to use this style over, then you have to fetch it by that name, even if the same styles are used in, say, the left footer column. In my opinion, it would be better to name it as, say, “#teaser1″ or “#hotspot” or even “#left-column” or anything that describes how it’s used or what it’s used for, just try to avoid naming according to where it’s used.

By: Chris Hester

Chris Hester — Wed, 09 Jun 2010 22:52:33 +0000

I disagree. I just tested A03 and it came up with the same colour as AA0033. Any pair of valid hex values can be shortened, from 0 to 9 and A to F.

By: NiteLabs

NiteLabs — Sat, 17 Apr 2010 12:03:42 +0000

@Using Shortened Color Declarations
Shortened color declaration can only be used for pairs: 00 33 66 99 CC FF.
Therefore, abbreviation 03F representing RGB hex colour value 0033FF is valid. However, A03 for AA0033 is not!

By: Andrew Pryde

Andrew Pryde — Wed, 07 Apr 2010 08:53:46 +0000

I was unsure of that. I hope it's the case becuase it makes sense for elements which don't contain content to be self-closing as the tags are not enclosing anything. Semantics and all that... @Prydie

By: Mark Kenny

Mark Kenny — Thu, 25 Mar 2010 14:37:42 +0000

HTML is markup, meaning that it has semantic meaning. It’s more for naming what different parts of a document do. So … classes are for categories of elements (e.g. date, section-header, post-footer), but IDs are for giving individual names to elements, eg ‘header’, ‘content’.

They’re not just for identifying single/multiple elements.

Sounds fussy, but just giving a bit more background

By: Olivier FAURAX

Olivier FAURAX — Wed, 10 Mar 2010 14:57:46 +0000

“Name your divs specific things like #home-left-column which is better than just #left.”

And even better: #home-column1
Because there will be a time when you’ll want to change your CSS to put these column on the right….