Hey guys.
Normally I write PHP tutorials, but recently i've come across websites who are still using all dirty unclean HTML so i'm here too write a tutorial on cleaning up your code and making it XHTML compatible.
Ok now people might say... Whats the difference between HTML and XHTML.
And i'd say:
There are a number of differences, all XHTML tags must be closed.
XHTML is formatted or something in XML too reduce browser problems. Which is good
Starting XHTML, now i'm assuming that all you Habboxilians know HTML ( HyperText Markup Language )
XHTML is basically a stricter cleaner HTML.
Now starting off.
You'll need a w3 approved XHTML Doctype.
There are three doctypes, there are strict, transitional and Frameset
HTML Code:Strict <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">HTML Code:Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Now.HTML Code:Frameset <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
The harder thing which took me a bit too get used too and I still don't do this now. It's write your HTML format in lowercase letters I tent too use capitals for a lot.
Thats a very standard and basic XHTML document.HTML Code:DOCTYPE HERE <html> <head> <title>my XHTML document</title> </head> <body> <p>Some random text</p> </body> </html>
See how it's all lowercase and nicely set out. You have too be very careful in XHTML when nesting things as well you cannot make the simplest mistake, this is how strict it is.
Some random snippets which might make your life a tad easier
Makes your text boldHTML Code:<b>Bold Text</b>
Makes your text italicHTML Code:<i>Italic Text</i>
Now, this one may confuse you a bit. Valid XHTML has removed the old <u> tag and replaced it with a CSS tag which I personally and many would agree with me thing it's sooo better.HTML Code:> <span style="text-decoration: underline;">The text that will be underlined here</span>
Even images have changed in XHTML no more silly short ones.
example:
And you can do all the other cool things, like link external style sheets etc.HTML Code:<img src="pic.gif" style="width: 10px; height: 10px;" alt="pic.gif" />
So hope this has given you a quick insight into the world of XHTML, try using it for better websites.
- Dan
Results 1 to 10 of 16
Thread: | XHTML - Tutorial |
-
| XHTML - Tutorial |
-
Thanks - I'll read though it after I get dressed.
-
Just needed too know that lol!
Originally Posted by Da-Funk
- Dan
-
Lmao
I edited my post, read through it.
-
Still says that.
LOL!
- Dan
-
No, now it says "AFTER"
-
ahh,
Yeah I see now lol.
Bit dirty lol
Anyways comments on the tutorial.
- Dan
-
It's very understandable - I'll probobaly remember it, but just in case I'm booking marking ;P
-
Cheers.
I try too explain it so even the newbies at HTML and XHTML can understand it.
- Dan
-
Reply With Quote
Nice guide its useful
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts