HTML CSS Standards

[jenkinsta]

I am looking for a good reference for the basic elements and use.

Not just basic rules like: Only use <h1> for site title and <h2> for page title, ...

Is there any other standard or best practice rather than just using tags like address, li, p, code, etc... with the combination of css?

I have seen some examples such as <div class="pagetitle"><h2>Page One</h2><p>text just under page title very little spacing</p></div>

I am looking for other standards that make life easier in dealing with styling common components found on pages. Like the example above you almost always see the page title and a subtitle closer together or half the line spacing than normal text.

Stuff like that.

Not sure how to explain it though (Thats why I am looking and learning) but if you have ever seen any guide like it let me know.

Tom

[jscheuer1]

The authority on the standards is:

http://www.w3.org/

There is tons of information there and most of it is very dry and technical, but they are the keepers of the standards. A good tutorial site (no relation to the w3c):

http://www.w3schools.com/

also has many reference type pages that are a bit easier to understand.

The w3c itself sponsors both HTML and css validators:

http://validator.w3.org/

and:

http://jigsaw.w3.org/css-validator/

which can be extremely helpful in both learning and applying the standards.

[Twey]

A good tutorial site (no relation to the w3c):

http://www.w3schools.com/

Lots of information, but not very accurate -- a good reference for 'pros' but otherwise not actually as helpful as it first appears. If you're looking for a tutorial try http://www.howtocreate.co.uk/. However, I don't think you are. I don't suppose you could clarify somewhat?

[jscheuer1]

Lots of information, but not very accurate -- a good reference for 'pros' but otherwise not actually as helpful as it first appears. If you're looking for a tutorial try http://www.howtocreate.co.uk/. However, I don't think you are. I don't suppose you could clarify somewhat?

If you have fully vetted both sites and found the one you recommend superior, I would tend to trust your judgement. However, the w3schools site is very good and fairly interactive, something most tutorial sites lack.

Since I personally focus on what works, as opposed to blindly following what is in the standards, the w3schools site is the best of its type that I have seen.

But that is not at issue here. So, as I said, if you have confidence in the howtocreate site teaching the standards (and from what little of it I have seen it appears to) it would actually be the better choice for this particular thread.

[Twey]

If you have fully vetted both sites and found the one you recommend superior, I would tend to trust your judgement.

I have, as have most of the other ##javascript regulars. It's a staple now.

Since I personally focus on what works, as opposed to blindly following what is in the standards, the w3schools site is the best of its type that I have seen.

A lot of its code is still based on the "IE do this, Netscape do this" method of coding. It does, admittedly, tend to mostly work, but it's a horrible way of doing things. Moreover, it has a habit of lumping together IE-specific and standardised features, so that only someone who knows which is which can be certain they're not going to stumble onto one of them unawares. I do agree, however, that it contains some very complete references, which are highly useful if the reader is experienced enough to avoid the pitfalls. I just don't recommend it to newbies.

However, as I said above, I don't even think these kinds of tutorials are the type of thing for which the OP is searching.

[kasei]

I had just gone to w3school.com looking for this and thought it took a while to find the page that I wanted, so I'll post the direct link here in case it helps:

http://www.w3schools.com/css/css_reference.asp

this is the page that lists all of the properties and their values.