XHTML rules in a nutshell: * Use the proper doc-type declaration. * All tags (and attributes) are lower cased. * Nest tags correctly: [b][i]stuff[/b][/i] <-- wrong. * Use quotes for values [table cellpadding="0"] <-- correct * Every attribute has to have a value, which makes things like "selected" weird for options or checked for radio/checkboxes. So, you either say checked="true" or checked="checked" or whatever makes you comfortable. * Use the proper character encoding. & is &, etc. * Anything tag that has a starting tag, must have a closing tag. * Break tags are closed in this fashion: <br /> - Image tags and such follow the same suite. The space between "br" and "/" is important. * target="_top" and such are illegal in XHTML strict, so you should try to be compliant in transition, but it's not required. Use javascript if you need to open a new page or whatnot. * I'm sure there's more, but those are the more important ones off the top of my head.
Styling should always be done via CSS regardless if it's HTML, XHTML, XML (XSTL is the XML stylesheet) as it's not only good coding practice, but reskinning for future usage makes it stupidly simple if you coded everything properly.
If you have any CSS / HTML / jQuery questions, poke me. :) I'll be glad to answer even if it's just a simple css question. I've been really focusing on nailing this down at work and coming up with a best practice and simplifying work.
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
branchandroot
no subject
Date: 2008-12-27 11:50 pm (UTC)* Use the proper doc-type declaration.
* All tags (and attributes) are lower cased.
* Nest tags correctly: [b][i]stuff[/b][/i] <-- wrong.
* Use quotes for values [table cellpadding="0"] <-- correct
* Every attribute has to have a value, which makes things like "selected" weird for options or checked for radio/checkboxes. So, you either say checked="true" or checked="checked" or whatever makes you comfortable.
* Use the proper character encoding. & is &, etc.
* Anything tag that has a starting tag, must have a closing tag.
* Break tags are closed in this fashion: <br /> - Image tags and such follow the same suite. The space between "br" and "/" is important.
* target="_top" and such are illegal in XHTML strict, so you should try to be compliant in transition, but it's not required. Use javascript if you need to open a new page or whatnot.
* I'm sure there's more, but those are the more important ones off the top of my head.
Styling should always be done via CSS regardless if it's HTML, XHTML, XML (XSTL is the XML stylesheet) as it's not only good coding practice, but reskinning for future usage makes it stupidly simple if you coded everything properly.
If you have any CSS / HTML / jQuery questions, poke me. :) I'll be glad to answer even if it's just a simple css question. I've been really focusing on nailing this down at work and coming up with a best practice and simplifying work.