Semantic HTML: Difference between revisions
From MoodleDocs
Frank Ralf (talk | contribs) No edit summary |
Frank Ralf (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
== The case for semantic HTML == | |||
It is easy to create HTML that ''works'', but current best practice suggests that creating valid and '''Semantic HTML''' is an important goal for various reasons including user experience and [[accessibility]]. | It is easy to create HTML that ''works'', but current best practice suggests that creating valid and '''Semantic HTML''' is an important goal for various reasons including user experience and [[accessibility]]. | ||
Unfortunately, while validation is a relatively easy task to understand and achieve, creating Semantically correct HTML is a lot more subjective and open to debate. | Unfortunately, while validation is a relatively easy task to understand and achieve, creating Semantically correct HTML is a lot more subjective and open to debate. | ||
== Examples for semantic HTML == | |||
For some concrete examples how to make Moodle HTML more semantic you might have a look at this work in progress: [[User:Frank Ralf/Semantic HTML1]]. --[[User:Frank Ralf|Frank Ralf]] 11:26, 26 May 2009) | |||
== | |||
== Further resources == | |||
* [[Semantic Web]] | * [[Semantic Web]] | ||
| Line 26: | Line 30: | ||
* [http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/ ''Table Layouts vs. Div Layouts: From Hell to… Hell?''] article from Smashing Magazine | * [http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/ ''Table Layouts vs. Div Layouts: From Hell to… Hell?''] article from Smashing Magazine | ||
* [http://www.zeldman.com/dwws/ Designing with Web Standards, 2nd ed.] by Jeffrey Zeldman | * [http://www.zeldman.com/dwws/ Designing with Web Standards, 2nd ed.] by Jeffrey Zeldman | ||
== See also == | |||
* [[CSS FAQ]] | * [[CSS FAQ]] | ||
Revision as of 14:36, 26 May 2009
The case for semantic HTML
It is easy to create HTML that works, but current best practice suggests that creating valid and Semantic HTML is an important goal for various reasons including user experience and accessibility.
Unfortunately, while validation is a relatively easy task to understand and achieve, creating Semantically correct HTML is a lot more subjective and open to debate.
Examples for semantic HTML
For some concrete examples how to make Moodle HTML more semantic you might have a look at this work in progress: Frank Ralf/Semantic HTML1. --Frank Ralf 11:26, 26 May 2009)
Further resources
- Semantic Web
- Microformat
- Mark Pilgrim's Won’t somebody please think of the gerbils?
- An evaluation of WYSIWYG editors (including TinyMCE) for their production of valid, semantic & accessible HTML
- HTML: more structural than semantic by Simon Willison
- Million Dollar Markup by Mark Pilgrim
- Elements of Meaningful XHTML presentation by Tantek Çelik
- An index of Tantek Çelik's posts on semantic markup for blogs including
- Dan Cederholm's Simple Quiz
- But It Validates!
- Table Layouts vs. Div Layouts: From Hell to… Hell? article from Smashing Magazine
- Designing with Web Standards, 2nd ed. by Jeffrey Zeldman
