HTML 5
HTML5 tags includes audio, video, header, footer, data, datalist, article etc.
HTML5 is a next version of HTML
These new introducing features which make your website layout clearer to
both website designers and users.
There are some elements like <header>, <footer>, <nav> and <article> that
define the layout of a website
Why use HTML5
It is enriched with advance features which makes it easy and interactive for
designer/developer and users.
It allows you to play a video and audio file.
It allows you to draw on a canvas.
It facilitate you to design better forms and build web applications that work
offline.
HTML 5 Example
<!DOCTYPE>
<html>
<body>
<h1>Write Your First Heading</h1>
<p>Write Your First Paragraph.</p>
</body>
</html>
HTML5 FEATURES
It has introduced new multimedia features which support audio and video controls by using
<audio> and <video> tags.
There are new graphics elements including vector graphics and tags.
Enrich semantic content by including <header> <footer>, <article>, <section> and <figure> are
added.
Drag and Drop- The user can grab an object and drag it further dropping it to a new location.
Geo-location services- It helps to locate the geographical location of a client.
Web storage facility which provides web application methods to store data on the web browser.
Uses SQL database to store data offline.
Allows drawing various shapes like triangle, rectangle, circle, etc.
Capable of handling incorrect syntax.
Easy DOCTYPE declaration i.e. <!doctype html>
CSS3
CSS3 stands for Cascading Style Sheet level 3, which is the advanced version
of CSS.
It is used for structuring, styling, and formatting web pages.
Several new features have been added to CSS3 and it is supported by all
modern web browsers.
The most important feature of CSS3 is the splitting of CSS standards into
separate modules that are simpler to learn and use.
New features of CSS3:
Combinator: CSS3 has a new General sibling combinator which matches up with sibling
elements via the tilde (~) combinator.
CSS Selectors: CSS3 selectors are much advanced in comparison to simple selectors offered by
CSS, and are termed as a sequence of easy to use and simple selectors.
Pseudo-elements: Plenty of new pseudo-elements have been added to CSS3 to give easy styling
in depth. Even a new convention of double colons :: is also added.
Border Style: The latest CSS3 also has new border styling features like border-radius, image-
slice, image-source, and values for “width stretch”, etc.
Background style properties: New features like background-clip, size,
style, and origin properties have been added to CSS3.
Difference between CSS and CSS3:
On the other hand, CSS3 is capable of making the web page more
1 CSS is capable of positioning texts and objects. attractive and takes less time to create. CSS3 is backward
compatible with CSS.
2 Responsive designing is not supported in CSS CSS3 is the latest version, hence it supports responsive design.
3 CSS cannot be split into modules. Whereas CSS3 can be breakdown into modules.
But in CSS3 we can perform all kinds of animation and
4 Using CSS, we cannot build 3D animation and transformation.
transformations as it supports animation and 3D transformations.
5 CSS is very slow as compared to CSS3 Whereas CSS3 is faster than CSS.
In CSS we have set of standard colors and it uses basic color Whereas CSS3 has a good collection of HSL RGBA, HSLA, and
6
schemes only. gradient colors.
7 In CSS we can only use single text blocks. But in CSS3 we can use multi-column text blocks
8 CSS does not support media queries. But CSS3 supports media queries
Being the latest version, CSS3 codes are supported by all modern
9 CSS codes are not supported by all types of modern browsers.
browsers.
In CSS, designers have to manually develop rounded gradients and But CSS3 provides advanced codes for setting rounded gradients
10
corners. and corners
There is no special effect like shadowing text, text animation, etc. CSS3 has many advance features like text shadows, visual effects,
11
in CSS. The animation was coded in jQuery and JavaScript. and a wide range of font styles and colors.
In CSS, the user can add background colors to list items and lists, Whereas CSS3 list has a special display property defined in it.
12
set images for the list items, etc. Even list items also have counter reset properties.
13 CSS was developed in 1996. CSS3 is the latest version of CSS and was released in 2005.
14 CSS is memory intensive. CSS3 memory consumption is low as compared to CSS.
