HTML 5 / Easing the Transition from XHTML
Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com’s entire library of video tutorials.
Learn More
Subtitles of the Movie
It's sensible and responsible for web developers not to drop support for all of the HTML 4 browsers that will be in heavy use for some time to come so I conclude this section of the tutorial on HTML 5 with a review of some things that are recommended to move things forward to HTML 5 in a positive way. Even though HTML 4.01, XHTML 1.0 and HTML 5 are all very similar there are some small syntax differences that can invalidate your code. Keeping this in mind, HTML 5 has some built-in slack to make the transition a little bit easier. For example, when marking up a form in HTML 5 this code here is the proper syntax for the text input element, but this code here, which is from HTML 4 is also accepted as valid code in an attempt to ease the pain for avid XHTML coders who are used to soft closing their elements. As you can see right here the close tag is a little bit different in HTML 4. The same rules apply to meta and other self closing elements. Legacy elements like bold and italic were also left in HTML 5 to help those coming over from HTML 4.01, so this transition will be eased because most HTML 5 browsers are more flexible in handling incorrect syntax. In fact, HTML 5 is designed so that old browsers can safely ignore new HTML 5 constructs. In contrast to HTML 4, the HTML 5 spec gives detailed rules for parsing this content with the intent that different compliant browsers will produce the same results in the case of incorrect syntax. Another strategy for easing the transition to HTML 5 is to semantically align your div names with that of the new HTML elements such as header, footer and nav. This will help you get used to the names themselves and also the new functionality and nesting that you can do with the new header and footer elements in particular. This isn't difficult but can take a little practice to get used to it, so before jumping full force into HTML 5 production sites I recommend trying the soft transition strategy by changing your div names slightly. There's no apparent downside to doing this. You can even use the new HTML 5 DOCTYPE with very little consequence. Now you can also fake HTML 5 functionality with JavaScript but I don't recommend this, particularly when in production with actual websites. If the scripting fails it will completely collapse the site in browsers that won't take CSS applied to these new elements. Another strategy is to build browser-specific apps. Depending on your audience this is a real option now as you listen to this, especially if you're building for very narrow and specific audiences and are targeting a specific browser or a device. As I mentioned previously, HTML 5 is all about controlling the environment. Controlling the environment allows you to control features delivered to the user that much better. Google is currently doing this with Google Wave. To see HTML 5 taken as far as it will go and perhaps even a little further, check out Google Wave. For your targeted device or audience check whether the HTML 5 features and functionality you want to deploy are currently supported and then test to determine the depth of this support. As we move forward, HTML support will get better and better and this will become easier. In conclusion, with the strong foundation set up by previous versions of HTML and with a large and active community supporting web standards we're coming into a new age for the Web. This will be an age where armed with a wealth of knowledge and with the ability to learn from past mistakes and also to make some new ones you can set up a new version of HTML with the expectations for it to be a very powerful markup language. It's up to us to utilize it in a way that can be beneficial to everybody. There are many great features in HTML 5 and a growing list of great APIs. You can make data available offline, easily combine technologies and create very intricate animations all within a familiar landscape. If you have the time I encourage you to browse through the entire HTML 5 spec and familiarize yourself even further with all the bells and whistles, there are quite a few of them, so that we can use HTML 5 to build stronger, richer web applications for years to come.
Tutorial Information
| Course: | HTML 4/5 with CSS |
| Author: | James Gonzalez |
| SKU: | 34077 |
| ISBN: | 1-935320-93-9 |
| Release Date: | 2009-12-31 |
| Duration: | 10.5 hrs / 142 lessons |
| Work Files: |
Yes |
| Captions: | Available on CD and Online University |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |
VTC Sign up & Benefits
- Unlimited Access
- 98,729 Video Tutorials (23,265 free)
- Video Available as Flash or QuickTime
- Over 1026 Courses
- $30 for One Month Access
- Multi-User Discounts Available
United States 