0412 899 672

Blog: HTML & CSS

17 May 2015

HTML5: What You Need to Know

//
Comments0

HTML5 is the latest version of HTML. It is designed to solve issues found in previous versions of HTML and addresses the needs of web applications which were not well covered by HTML.

The style and scripts elements in HTML5 no longer need the type attribute as they default to text/css and text/JavaScript respectively, which helps to remove a little more cruft from the markup.

One of the biggest features of HTML5 is the new semantic markup. There is a whole range of new elements that has been added to HTML5. The new HTML5 elements are

    1. Block structure: It includes
      • Article: It represents a component of a page that consists of a self-contained composition in a document, page, application, or site and that is intended to be independently distributable or reusable.
      • Aside: It is used to represent a section of content that is related to the content around the aside element.
      • Footer: It is used as footer to a section. You can also use it to mark up the footer of a blog post in addition to the footer of the entire document.
      • Header: It represents a group of navigational aids, and is used to construct the document outline.
      • Nav: It is used to wrap major navigation blocks, such as table of contents, pagination links and breadcrumbs.
      • Section: It is a generic document or application section.
    2. Inline semantics: It includes
      • Details: It is used to include additional info that the user can obtain on demand.
      • Figure: It is used to annotate illustrations, photos, listings etc.
      • Mark: It highlights a run of text, e.g. to mark the terms the user was searching for.
      • Time: It is used to encode modern dates and times in a machine-readable way.
    3. Interactive elements: It includes
      • Audio and video: These are media elements which enable you to embed audio and video directly into the browser without any need for plug-ins.
      • Source: It enables you to specify multiple alternative sources for the media element.
      • Canvas: It is a 2D drawing element that can be accessed using JavaScript to render graphics on the fly.
    4. Compatibility: Audio and video media elements have a new DOM interface, so only those browsers that have specifically implemented these media elements will be able to offer native audio or video. If you use the video element and it’s not supported in the browser, its contents will be rendered.

Excerpt from document originally published at: http://xhtml.pixelcrayons.com/knowledge-base/everything-you-need-to-know-about-html5/.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.