HTML/CSS Service

HTML5 New elements

Category: CSS 2 Tutorial    |    1,374 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    |    4,708 views    |    2 Comments  |   

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    |    911 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