Html5 And Css3

HTML5

HTML5 is a revision of the standard HTML technology. It contains new elements and support for various types of multimedia content while keeping it simple. It provides features that are required in common. It contains enhanced processing models and specialized programming interfaces for enabling access to complex applications. The new additions make it an option for cross platform mobile applications. The Document Object Model is a part of the specification.


The new elements in HTML5 are -
<aside>, <bdi>, <details>, <dialog>, <figcaption>, <figure>, <footer>, <header>, <main>, <mark>, <menuitem>, <meter>, <nav>, <progress>, <section>, <summary>, <time>, <rp> (defines what to show in browsers that do not support ruby annotations), <rt>(defines an explanation/pronunciation of characters (for East Asian typography), <ruby>(defines a ruby annotation (for East Asian typography).


The new form elements are-

<datalist>, <keygen>, <output>


The new media elements provide the ability to include multimedia and graphics without need of external plug-ins. New media elements include-

<audio>, <embed>, <source>, <track>, <video>


New graphics elements are-

<canvas>, <svg>


HTML5 Browser Support-

HTML5 is supported in all modern browsers. In addition, all old browsers automatically handle unrecognized new elements as inline elements.


HTML5 vs. Flash

HTML5 that was termed as an alternative of Flash has now emerged as a replacement. YouTube has opted Flash in favor of HTML5 for its default web player. The site now uses HTML5 video as standard in Chrome, Internet Explorer 11, Safari 8, and in beta versions of Firefox. YouTube engineer Richard Leider quoted that HTML5 provides support that "extend beyond web browsers."

Speed and Compatibility: Flash runs very slowly on some platforms such as Linux and Mac OS X. Adobe Flash is also not supported by iOS and so a Flash file cannot run on an iOS device such as iPad and iPhone. HTML5 runs 58% faster than Flash apps and is compatible for all mobile operating systems. Usability: Processing power needed to run a HTML5-based page is noticeably lower than the amount of power needed to show a Flash content.

Cost: For creating HTML5 content you can write your complete code in Notepad and create images and other elements, using an additional software, such as Photoshop. On the contrary Flash content has its dedicated development environment, which you have to buy. You can roughly say that HTML5 is free while Flash is not.


CSS3:

CSS3 (Cascading Style Sheet 3) is a language that specifies style formatting like color, background, font, text effects, design, spacing, layout for websites. It is used in integration with HTML. While HTML emphasizes on the substance on the website, CSS focuses on how that content is displayed. It is used for making the website visually appealing and easy to navigate.

The latest evolution for CSS is CSS3.It is completely backwards-compatible means it is fully compatible with earlier versions of CSS. It has been split into "modules" containing the specifications of the earlier versions and new modules are added as Selectors, Box Model, Backgrounds and Borders, Image Values and Replaced Content, Text Effects, 2D/3D Transformations, Animations, Multiple Column Layout, User Interface. CSS improves the form of a website by allowing you to create a website with extensive styling options by offering a wide array of expressive style capability. With CSS, you will acquire control over your website's visual aspect.

When you design your website using CSS, you will notice higher hit rates. This happens because search engines have the propensity to locate pages designed using a coding technique that is clear-cut and simple to read. Less code and specific content leads to search engine success.

One significant and very advantageous feature provided by CSS is that when a change is made to your website’s Style Sheet, the change is automatically made on every page throughout your website at once. There is no need to go to each web page to make a particular change.


(0) Comments