Free Online Courses for Software Developers - MrBool
× Please, log in to give us a feedback. Click here to login
×

You must be logged to download. Click here to login

×

MrBool is totally free and you can help us to help the Developers Community around the world

Yes, I'd like to help the MrBool and the Developers Community before download

No, I'd like to download without make the donation

×

MrBool is totally free and you can help us to help the Developers Community around the world

Yes, I'd like to help the MrBool and the Developers Community before download

No, I'd like to download without make the donation

First Steps in the Transition Process for HTML5

See in this article some of the features of HTML 5 properties beyond their news and how it gives a first transition to this new standard Web.

Introduction

HTML 5 is a new standard created by W3C that avoids the use of plug-ins and can be used for many things from simple websites to complex games like Quake. HTML 5 also features native support for audio and video. For example, instead of using plug-ins for Flash development of Web pages can simply use Canvas and Javascript to create amazing animations.

In addition, HTML 5 also provides storage on the client side caching and providing offline access to Web sites in CSS and Javascript Changes were also made, besides creating new Javascript API. Thus, HTML 5 is a family of technologies that in combination provide a wide range of tools for creating Web pages and applications.

HTML 5 will be completely formalized in 2014. However, current browsers already support its new features.

In the next sections of the article will be shown the changes in HTML 5 and examples.

Updating the Doctype

To make the transition to HTML 5 the first thing that should be considered is the top of the page. In HTML 4 had the following Doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

To migrate to the HTML 5 the change is simple, just change the Doctype for a much more simplified as can be seen below:

<!doctype html>

The old Doctypes were difficult to remember and usually what they did was copy and paste the Doctypes of one file to another. With this new Doctype is much easier to remember and more importantly, this Doctype will not be changed in future versions of HTML, making it the definitive and official documents to HTML. In the old patterns of HTML was used a DTD to know what it was about the document, HTML 5 now simplified and eased the process causing the browsers only recognize the document type as HTML Doctype in itself to ensure that it is reviewing an HTML document.

Updating Meta Tags

Another significant change in this where we had previously Meta Tags Meta tags as follows:

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

In the update to HTML 5 also has a substantial simplification of Meta Tags getting from now as shown below:

<meta charset="utf-8">

All current browsers already support this Meta Tag much simpler and streamlined coding that highlights mainly excluding the former superfluous items.

The default UTF-8 is a character encoding that supports numerous alphabets. The UTF-8 is the newest coding standard.

Updating the Tag Link

Another novelty introduced in HTML 5 is the upgrade of the link tag that previously had the following syntax:

<link type="text/css" rel="stylesheet" href="lounge.css">

The new specification says should eliminate the Type attribute, because the type is the default CSS when not specify any kind. Therefore, the new syntax is as indicated below:

<link rel="stylesheet" href="lounge.css">

Another Tag was updated, the Script Tag. In HTML 5 Javascript is also considered the standard Script language, so we can remove the "type" attribute. Thus, one has to have the form below to draw Script Tag:

<script src="lounge.js"></script>

Finally Updates

After the above modifications we have an update of any HTML document into HTML 5. Now our pages are ready to enjoy all that HTML 5 has to offer. If you already have familiarity with HTML 4.01 will be even more beneficial we use HTML 5 which is a superset of HTML 4.01, so using the HTML 4.01 and has extending its functionality. Obviously for us to use HTML 5 is not enough to update it some elements in reality this is a first step to begin to use everything that HTML 5 has to offer to create rich web applications.

Below is a simple example, but it demonstrates the elements upgraded to HTML 5:

Listing 1: Sample Web page in HTML 5.

<!doctype html>
<html>
<head>
	<title>HTML5 Example</title>
	<meta charset=“utf-8">
	<link rel=“stylesheet" href=“css_exemplo.css">
	<script src=“js_exemplo.js"></script>
</head>
<body>
	<h1>Welcome to our first HTML5 Example</h1>
	<p>
		<img src="img_exemplo.gif" alt="Exemplo Img">
	</p>
	<p>
This is a page example in HTML5. See more <a href=“http://www.w3c.org”>here<a/>.
	
	</p>
</body>
</html>

Other Information You Should Know

People still wonder what happened to that XHTML was considered the future of HTML. What basically happened is that strict, rigid led to the flexible, simple. So, fortunately for many XHTML and who was just in its place is the current HTML 5. However, if the developer already knows XHTML it becomes very important and useful for mastering HTML 5, so the knowledge is not lost.

Major companies such as Itaú, Submarino, Banco do Brazil, among other corporations have said already migrating to HTML 5. For these companies it represents various facilities to the reader and the consumer as clean code, to ease accessibility and possibility of introducing new technologies that can facilitate and streamline navigation.

Conclusions

HTML 5 is the newest version of HTML tags with new simplified new semantics, new JavaScript libraries, CSS, etc.. XHTML is not the new standard for Web pages, HTML 5 is the newest standard to be used. With its Javascript API's and can control all aspects of a page as HTML 5 2D drawing, video, and more. The transition to HTML 5 is not complicated, just some changes so we can start enjoying some of the benefits that HTML 5 can provide us.

I ask readers to keep sending emails (higorowen@gmail.com) with their requests for new articles, this article is more a request of some readers who felt a bit sparse information about how to get an upgrade to the new standard and what are the main features of HTML 5. In the next article we will continue talking about HTML 5 emphasizing some news.



Higor Medeiros (higorowen@gmail.com) is a student at the University of Vale do Rio dos Sinos in Computer Science studying in 4th semester, where she also works in scientific research in the area of ​​artificial intelli...

What did you think of this post?
Services
[Close]
To have full access to this post (or download the associated files) you must have MrBool Credits.

  See the prices for this post in Mr.Bool Credits System below:

Individually – in this case the price for this post is US$ 0,00 (Buy it now)
in this case you will buy only this video by paying the full price with no discount.

Package of 10 credits - in this case the price for this post is US$ 0,00
This subscription is ideal if you want to download few videos. In this plan you will receive a discount of 50% in each video. Subscribe for this package!

Package of 50 credits – in this case the price for this post is US$ 0,00
This subscription is ideal if you want to download several videos. In this plan you will receive a discount of 83% in each video. Subscribe for this package!


> More info about MrBool Credits
[Close]
You must be logged to download.

Click here to login