Caps or not?

@tigerasyaJun 21.2006

Hi guys,

I read yesterday, that there in CSS, all classes and ids should be defined using small characters. is this true?

does it mean that with i have a class myBoat it might not work in some browsers?

And another questions, is it better to name images like myBoat.jpg or myboat.jpg?

Thanks.

to post a comment

@CharlesJun 21.2006 — #I read yesterday, that there in CSS, all classes and ids should be defined using small characters. is this true?[/QUOTE]Where did you read that, HTML Goodies? Just match the case used in the HTML but assume case insensitivity - don't assume that "myBoeat" and "myboat" are two different classes.

I prefer "my-boat".

@tigerasyaauthorJun 21.2006 — #That's the thing..i don't remember where i read it...i might have been even at ths forum....but i'm not sure...

@felgallJun 21.2006 — #Consistency is the key. If you use lowercase for all of your HTML and CSS (tag, class and id names) then you don't need to worry about whether a given browser will be case sensitive or not. You do need to use the correct capitalisation for the attributes assigned within the CSS.

XHTML is case sensitive, HTML is not.

@tigerasyaauthorJun 21.2006 — #Thanks for your response, felgall. This information was more than helpful.

Thanks again.

@CharlesJun 21.2006 — #However, a given browser might take XHTML to be HTML in which case myBoat will incorrectly be taken to be the same as myboat.

@WebJoelJun 22.2006 — #W3C says "....it is recommended that the [I]mixed capitalization [/I] be used to make the names more legible", however, if [I]you[/I] mix the case incorrectly (inconsistantly), the rule will be ignored.

Therefore, #thisSection {} in the CSS won't be used if referanced in the HTML as <div id="ThisSection">~</div>

Personally, -I prefer using all lower-case letters, always. And if you use a semantic naming convention for your elements (e.g., #left_column, #right_column, #mainbodytext, #banner, #footer, etc.), it will 'make sence' later when you or someone else is reading or editing it because it was named intuitively.

Naming conventions like #this, #that, #nothisone, #andnowthis, are non-semantic and even though they match their HTML counterpart and would be correct, -they don't make intuitive sence at first glance and create the possibility of errors.

Lower case all the time works. ?

Caps or not?

6 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Caps or not?

6 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

6 Comments(s) _↴

Also in #CSS _↴