HTML5 AND CSS3 Implementation Article by Code Imagin HTML5 [An Emerging Markup Language] Description: HTML5 is a language for structuring and presenting content for the World Wide Web, a core technology of the Internet. It is the fifth revision of the HTMLstandard (originally created in 1990 and most recently standardized as HTML4 in 1997[1]) and as of August 2011 is still under development. Its core aims have been to improve the language with support for the latest multimedia while keeping it easily readable by humans and consistently understood by computers and devices (web browsers, parsers, etc.). New Input types in HTML5:emailurlnumberrangeDate pickers (date, month, week, time, datetime, datetime-local)searchcolor New Tags in HTML5: :For an article New Attributes in HTML5: contenteditable :(T/F) Check user is allowed to edit the content or notcontextmenu :Specifies the context menu for an elementdraggable :(T/F/auto) Check user is allowed to drag an elementhidden : Hidden elements are not displayedspellcheck :(T/F) element must have its spelling and grammar checked “A Simple Example” <!doctype html> Page title Page title <!– Navigation –> <!– Introduction –> <!– Main content area –> “Styling with CSS3” body{ margin:0 auto; width:940px; font:13px/22px Helvetica,Arial, sans-serif; background: #f0f0f0; } { margin: 0; padding: 0; } header, footer, aside, nav, article { display: block; } h2 { font-size: 28px; line-height: 44px; padding: 22px 0; } h3 { font-size: 18px; line-height: 22px; padding: 11px 0; }p { padding-bottom: 22px; } “Supported By Famous Venders” Supported by Apple’s products: Every new Apple mobile device and every new Mac — along with the latest version of Apple’s Safari web browser supports web standards including HTML5, CSS3, along with JavaScript. These web standards are open, reliable, highly secure, and efficient. They allow web designers and developers to create advanced graphics, typography, animations, and transitions. Supported by LinkedIn: Professional networking platform LinkedIn is launching redesigned versions of its mobile applications for Apple’s (NASDAQ:AAPL) iOS and Google’s (NASDAQ:GOOG) Android, concurrently introducing a new HTML5-based web app optimized for all current mobile browsers. Supported by Box.net: Box updated its Android app to support tablets, introduced a new app for RIM’s Playbook, and revised its mobile website with HTML5 features. “CSS3 Browser Copatibility”: Along with HTML5 it’s really going to improve the way that we design for the web, making the implementation of seemingly simple design elements, But as always with emerging web technologies, there are problems with uptake. If you’ve been playing around with CSS3 then you’ll probably know which browsers recognize it. The newest versions of Chrome, Safari, Opera, and Firefox render most of the basics at the moment, but IE6 – 8 doesn’t. CSS3 has very limited compatibility as we have to wait for Apple, or Firefox, or Google etc. to decide to adapt their browsers in order to recognize the new semantics. Latest version of: Opera, Safari, Crome, firefox and IE9 support is CSS3. About the Author Pavan BhardwajSoftware Developer Efextra esolution Pvt. Ltd.noida India.