Monday, January 13, 2014

HTML 5 and CSS 3


History
The Hyper Text Markup Language was invented by Sir Tim Berners-Lee. Today we can see that html has been developed to html 5 and it becomes very easy and beneficial for the development of websites. Though HTML 5 has been known since years but this standard came in use around April 2010. The first version of HTML came in 1990 and after so many revisions HTML 5.0 came as the fifth version of HTML standard.
What is HTML5
HTML5 is not new software to be installed but an advanced version of html.HTML is a mark-up language that makes use of various tags and attributes for presenting the contents of a webpage. HTML 5.0 is a result of the combined efforts of two organizations- World Wide Web Consortium (W3C) and Web Hypertext Application Technology Working Group (WHATWG). The HTML 5 features are supported by the latest versions of Google Chrome, Mozilla Firefox, Opera etc. The logo for HTML 5 is
Basic Structure of HTML5:
<! DOCTYPE html>
<html>
<head>
<meta charset=”utf-8” />
<title>HTML5 Apprentice</title>
</head>
</html>

HTML 5 cannot alone be put to any work for interactivity purposes. It is often supplemented with CSS 3.
What is CSS3
Cascading Style Sheets (CSS) plays an important role in the look and presentation of the website content. CSS 3, a latest incarnation of CSS is continuously gaining popularity although it is not supported by many browsers. Various additional features are provided by CSS3 which enhances the appearance of website. The effects can be much easily achieved by CSS3 which could require a lot of efforts and time if created with another application. These features may not be related to functionality of a web page but might make a design look more clean and interactive. The most interesting feature is that it gives an opportunity to the user to know more about a page before getting the time being wasted in loading. Various other features are :
1.      Text shadow effects underneath text elements.
2.      Appearance of shadow on events like hover etc and also to decide the space of work area when events are applied.
3.      Allows images to be uploaded with border.
4.      Use of round corners is possible without applying an image.
5.      New font can be added easily by uploading your file to the server, linking it to CSS file and create a new font family.

New Features of HTML5
Some of the new features that can even run on low-powered devices include:
1.      Requires a very simple doctype to be defined like <!DOCTYPE html> which was very complicated to write in previous versions.
2.      Easy to add various audio and video elements for media playback
3.      Feature of canvas element that supports two-dimensional drawing surface.
4.      Helps to support web applications when we are offline.
5.      Provides various new form controls like – calendar, date, time, url etc.
6.      Provides new semantic elements like footer, header, navigator, article, section etc to enrich semantic content of documents. Some previous elements like <a>, <cite>, <menu> have been changed and standardized.
ADVANTAGES of HTML5
1.      Provides more flexibility in creating and implementing websites.
2.      HTML5 implements web sockets, therefore it is very easy and quick to load the documents than its previous versions.
3.      It gives us the opportunity to create universal mobile phone applications rather than of a specific kind. Therefore, these applications will be much easier to access.
4.      Various audio and video elements can be added without the need for external plug-ins.
5.      HTML5 has error handling capabilities to detect syntax errors to be effectively and gracefully handled by browsers.
6.      It also defines the processing that needs to be done for invalid documents.
Summary
HTML5 and CSS3 have given a great boost to web designing/developing sector. They are much advance and easier than previous versions of HTML and CSS. HTML5 along with CSS3 can provide us with serious design credibility. They help us to create more powerful, easy to maintain and future proof web pages. This language is progressing at a faster rate and will result in more new and better features that will make old websites look outdated. These enable us to handle the multimedia and graphical content very easily without having to resort to external plug-ins and API’s.



      For more information please click here:  



No comments:

Post a Comment