Introduction to HTML5 and CSS3


The site of the world is entering a new technology and new standards. So they started developing HTML5 and CSS3.I will briefly describe HTML5.
So first things first. HTML 5 has received new elements that facilitate the operation and are constructed logically. Thrown the “sausage” DOCTYPE and shortened so instead of the former:

<! DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

We write:

<! DOCTYPE html>

And any modern browser will know that this is the html document.Too more declarations and encoding type that is too short, so we instead:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

simply write:

<meta charset="UTF-8">

There is also a declaration of the language we use, so we write:

<html lang="hr">

The new semantic elements in HTML5 row from the top of the page:

-header <header></header>
-nav <nav></nav>
-section <section></section>
-article <article></article>
-aside <aside></aside>
-figure <figure></figure>
-footer <footer></footer>

Because Internet Explorer and its lack of support HTML5 in earlier versions it is necessary at the beginning of the document using either JavaScript or using a template, which will later give you elemnte declared to be block-level elements.Here is an example of JavaScript:

<script>
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('hgroup');
document.createElement('aside');
document.createElement('figure');	
document.createElement('footer');		
</script>

Another way is to use the Boilerplate templates that contain everything needed to make the page appear consistently in all browsers.
One interesting thing is when the Boilerplate code, for example, finds that use IE6 or 7 offer you the
installation frame that Google takes a few seconds and you render a normal page and without the need for hack and other tricks.
Have a version with comments or without, depending our knowledge.
Here is the link for the HTML5 Boilerplate: http://html5boilerplate.com/
Here so for now I hope I helped ! if it wants and needs we will continue on. Enjoy the magic of discovering new possibilities.

Leave a Reply