HTML/CSS Service

HTML5 New elements

Category: CSS 2 Tutorial    |    757 views    |    Add a Comment  |   

HTML 5 (HyperText Markup Language Version 5) is the next major revision of the core language of the World Wide Web, HTML. HTML 5 specifies two variants of the same language, a “classic” HTML (text/html) variant known as HTML5 and an XHTML variant known asXHTML5.

The following is a cursory list of differences and some specific examples.

  • New parsing rules oriented towards flexible parsing and compatibility
  • New elements – sectionarticlefooteraudiovideoprogressnavmetertime
    asidecanvasdatagrid
  • New types of form controls – dates and times, emailurlsearch
  • New attributes – ping (on a and area), charset (on meta), async (on script)
  • Global attributes (that can be applied for every element) – idtabindexhidden
  • Deprecated elements dropped – centerfontstrike, frames

Share/Save/Bookmark

 

Learn HTML5

Category: CSS 2 Tutorial    |    1,727 views    |    Add a Comment  |   

HTML 5 introduces new elements to HTML for the first time since the last millennium. New structural elements include asidefigure, and section. New inline elements include timemeter, and progress. New embedding elements include videoand audio. New interactive elements include detailsdatagrid, and command

Even well-formed HTML pages are harder to process than they should be because of the lack of structure. You have to figure out where the section breaks go by analyzing header levels. Sidebars, footers, headers, navigation menus, main content sections, and individual stories are marked up by the catch-all div element. HTML 5 adds new elements to specifically identify each of these common constructs:

  • section: A part or chapter in a book, a section in a chapter, or essentially anything that has its own heading in HTML 4
  • header: The page header shown on the page; not the same as the head element
  • footer: The page footer where the fine print goes; the signature in an e-mail message
  • nav: A collection of links to other pages
  • article: An independent entry in a blog, magazine, compendium, and so forth
his new version of HTML—usually called HTML 5, although it also goes under the name Web Applications 1.0—would be instantly recognizable to a Web designer frozen in ice in 1999 and thawed today. There are no namespaces or schemas. Elements don’t have to be closed. Browsers are forgiving of errors. A p is still a p, and a table is still a table. Read more…

Share/Save/Bookmark

 

What is HTML 5

Category: Articles    |    388 views    |    Add a Comment  |   

HTML 5 improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors.

Some of the new features in HTML 5 are functions for embedding audio, video, graphics, client-side data storage, and interactive documents. HTML 5 also contains new elements like <nav>, <header>, <footer>, and <figure>.

The HTML 5 working group includes AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, and many hundred other vendors.

Note: HTML 5 is not a W3C recommendation yet!

Share/Save/Bookmark

 

HTML 5 Tutorials

Category: CSS    |    951 views    |    Add a Comment  |   

 

evelopment of HTML stopped in 1999 with HTML 4. The W3C focused its efforts on changing the underlying syntax of HTML from Standard Generalized Markup Language (SGML) to XML, as well as completely new markup languages like Scalable Vector Graphics (SVG), XForms, and MathML. Browser vendors focused on browser features like tabs and RSS readers. Web designers started learning CSS and the JavaScript™ language to build their own applications on top of the existing frameworks using Asynchronous JavaScript + XML (Ajax). But HTML itself grew hardly at all in the next eight years.

Frequently used acronyms

  • CSS: Cascading Style Sheets
  • HTML: Hypertext Markup Language
  • W3C: World Wide Web Consortium
  • XML: Extensible Markup Language

Recently, the beast came back to life. Three major browser vendors—Apple, Opera, and the Mozilla Foundation—came together as the Web Hypertext Application Technology Working Group (WhatWG) to develop an updated and upgraded version of classic HTML. More recently, the W3C took note of these developments and started its own next-generation HTML effort with many of the same members. Eventually, the two efforts will likely be merged. Although many details remain to be argued over, the outlines of the next version of HTML are becoming clear. Read more…

Share/Save/Bookmark