All New Features Introduced in HTML 5 and CSS 3

All New Features Introduced in HTML 5 As a web developer, everyone knows the importance of HTML & CSS for making his or her web pages to be interesting.

We all know that web languages upgrade regularly, so all web developers need to stay current and updated. The latest version of HTML has introduced in the market i.e. HTML5.

HTML5 has all new features that you will love to use while making document structure.

A bunch of new tags to make our pages more semantic has introduced in this version. It will also help search engines and targeted audience to navigate our pages, and improve the web experience for everyone. Some of the new semantics or structural elements have been covered here: Tags

Description

<article>

Defines an article in a document

<aside>

Defines content aside from the page content

<figure>

Defines self-contained content

<mark>

Defines marked/highlighted text

<progress>

Represents the progress of a task

<section>

Defines a section in a document

<ruby>

Defines a ruby annotation (for East Asian typography)

<nav>

This tag contains navigational elements, such as the main navigation on a site or more specialized navigation like next or previous-links.

Some new form elements are added like ‘<datalist>’ which specifies a list of predefined options for input controls and ‘<output>’ which defines the result of a calculation.

Also, new input types with their input attributes, new attribute syntaxes with graphics and media elements have been offered in HTML5.

Not only HTML5 but CSS3 both has given wings to web application development.

CSS 3 has built using the principles about styles, selectors and the cascade that was also in the earlier version of CSS. However, in CSS3 some of the new features have been added like new selectors, pseudo-classes and a lot of properties. It helps in making your layout easily.

A simple introduction for markup is given here. Consider a section with a heading and a paragraph of text. We can make it more appealing using CSS3 features.

Example: #intro { margin-top: 66px; padding: 44px; background: #467612 url ("bg.png") repeat-x; background-size: 100%; border-radius: 22px; }

Here are two new properties which we can use.

The first one is background-size; it allows us to scale the background image. If we scale it to 100% on both axes the box expands when more content is added to it parallel gradient background will scale as well. This was not possible in CSS 2.1 without non-semantic markup and miscellaneous browser issues.

The second new property is border-radius, it gives rounded corners to the element.

Different values can be given to the radius.

We have given 10px radius in this example.

border-radius:10px;

It is possible to develop any web app from legal document software to music distribution software with these features of HTML 5 and CSS 3.

Our web application development services are for all type of business categories like healthcare, education, music industry and many more.

We are Cryptex Technologies, always ready to assist you with our services, do not hesitate to contact us http://www.cryptextechnologies.com/services.