HTML 5 Doctype
HTML 5 aims to improve HTML’s interoperability and address the growing demand for more diverse and complex web content. It also addresses HTML 4′s lacking features for web applications. In this post, we’ll look at 5 exciting new features in HTML 5. This is a guest post by Jacob Gube, a web developer/designer and author of Six Revisions, a blog on web development and design.
This document illustrates how to write HTML 5 documents, focusing on simplicity and practical applications for beginners while also providing in depth information for more advanced web developers.
Selectors are one of the most important aspects of CSS as they are used to "select" elements on an HTML page so that they can be styled. Find out more about selectors including the structure of rules, the document tree, types of selectors and their uses. There is also a step-by-step tutorial showing how selectors are used in the process of building a 3-column layout.
Welcome to Google Doctype. "Written by web developers, for web developers."
Dive into DOM objects, including
Style your pages with CSS
HTML 5 defines the fifth major revision of the core language of the World Wide Web, HTML. "HTML 5 differences from HTML 4" describes the differences between HTML 4 and HTML 5 and provides some of the rationale for the changes. This document may not provide accurate information as the HTML 5 specification is still actively in development. When in doubt, always check the HTML 5 specification itself.
This specification defines the 5th major revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features are introduced to help Web application authors, new elements are introduced based on research into prevailing authoring practices, and special attention has been given to defining clear conformance criteria for user agents in an effort to improve interoperability.
For years now, enlightened designers who have embraced CSS layout have had to bend over backwards to produce complex designs that would have been trivial to produce using the HTML table-based layout techniques of the past.
The lengths to which designers must go to produce, say, a simple three-column layout using CSS techniques are so extreme that many web designers simply give up on CSS and resort to HTML tables for their layout. The Tech Times #142 and #143 were devoted to this issue.
With the release of IE8 coming this year, the stage is set for all that to change. IE8 will be the last of the major browsers to add support for CSS tables, which will enable designers to use table-based layout techniques without misusing HTML table markup.
W3Schools Online Web Tutorials
Cascading Style Sheets
[follow Specs links]
learn web standards :: css browser support
[click on headings -- start with Text Properties link]
Yahoo! UI Library: Graded Browser Support
Full CSS Property Compatibility Chart
[compact and thorough but missing most recent browser versions]
MacEdition Abridged CSS2 Support Charts
[Mac-specific but missing most recent browser versions]
CSS – Contents and compatibility
[not quite current but covers some more advanced properties]
For other code resources on this blog (HTML, CSS & more) follow this link (then scroll down)
PC Training & Consulting Weblog » Code
Authoring HTML 5 – A Call to Web Professionals – W3C Q&A Weblog
HTML: All elements from HTML 3.2 to XHTML 2.0 – Jens Meiert
HTML elements index – Jens Meiert
W3C HTML Working Group
W3C HTML Working Group
Cascading Style Sheets, level 1
Cascading Style Sheets, level 2 revision 1
CSS: Current Work
- – - – -
The W3C CSS Validation Service
CSSCheck, a Cascading Style Sheets Lint
CSS Tutorial (see Try-It-Yourself link)
- – - – -
» 25 Code Snippets for Web Designers (Part1)
» 25 Code Snippets for Web Designers (Part2)
» 25 Code Snippets for Web Designers (Part3)
» 25 Code Snippets for Web Designers (Part4)
These are responses to some questions from an XHTML student:
There is an XHTML book by Elizabeth Castro that is one of the best.
Online, I still use http://www.w3.org/TR/html4/ quite a bit. The comparable XHTML references aren’t as complete. Likewise, http://www.w3.org/Style/CSS/#specs starting with Level 1.
For a good chart of special characters, see:
There are good articles and “cheatsheets” at:
Accessibility is tricky. There is lots of academic documentation around, but practical and proven techniques are harder to find. UNMCE offers a class a couple of times a year. Joe Clark is something of a guru: http://joeclark.org/
The little icon next to my web addresses is called “favicon.ico”. It is a tiny 16×16 pixel graphic in a format known as ICO. See http://www.favicon.com/ for some good documentation and links. mjh