Adv

A ‘English Tutorials’ kategória archívuma

Hungarian Version!

We can meet with forms throughout the internet. They are crucial elements of the wegpages. Fortunately during the standard’s development greater attention has been given to the forms. In current condition the HTML5 standard contains 13 new input or modified operation types.

HTML5 input types

Let’s see then the 13 new HTML5 input types (I’m gonna give a simple example for every type with a representative value):

color – A native color elector which helps to chose a color.

<input type="color" value="#99BBEE">

date – Allows the user to select a Date.

<input type="date" value="13-01-2012">

Tovább olvasom »

Hungarian Version!

Examine the new structural build up of the HTML5 from a little bit closer. The picture beneath can demonstrate well what exactly has changed.

html4 and html5 page structure

HTML4 & HTML5

HTML5 brings a cleaner maybe simplier structure with itself. Let’s see every single elements how they are works:

<header> Heading/header element. Overall they put the heading’s section here.(h1-h6 vagy hgroup)

<nav> The more important navigation elements of the page can get place here.(links to other sites)

<article> The “article” is just as its name implies, a separate section with content.

<section> This represents the content of each of the chapters.

<aside> Represents a sidebar (box) that the content is not necessarily linked to but it’s still an integral part of it.

<footer> Typically it shows the connection informations or the informations relating to the specific section. Tovább olvasom »

Hungarian version!

I don’t want to write a long boring story from the tale of the definition of document types but the point is that is has been created because the browsers couldn’t follow the rapid changes in the standards. Basically that’s why the browsers showed the pages with full of errors or with incorrect subjects in the user’s browsers.

The definition of DTD has to be used before the <html> tag. The declaration is not an HTML tag but a definition which helps to the browser to understand what is the version wherein our HTML code was written. I didn’t count it but HTML4 and HTML4.01 has at least 7 definition. I’d like to show you 2 examples from these.

For example the declaration below allows all of the DTD HTML elements but not the frames.

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

The next example is the same like one mentioned above but the frames are allowed here. Tovább olvasom »

Hungarian version!

HTML5 is a significantly revised next generation of the HTML which last bigger modification was in 1999. HTML5 development was started in 2004 by WHAT Working Group (Web Hypertext Applications Technology Working Group). It’s an unofficial open Association of the Web Innovating interested people. Their goal is the development of standards in virtue of HTML and the related technologies of the HTML which facilitate the making of platform independent Web applications. In 2006 the W3C (World Wide Web Consortium) has been associated to this group.

The main designing goals of the HTML5 are the following:

- Reduce the numbers of the plugins (e.g.: Adobe Flash, Microsoft Silverlight) reducing together with the errors from the incompatibility too.
- Better error handling/recovery realization that the browsers do not have run their own error handling routine and don’t handle the HTML encoding errors as a catastrophic failure.
- Realization of the device and platform independence in point of desktop and mobile devices aswell.
- The increase of scripting.
- The development of HTML5 has to be open and transparent their result has to be available on forums and mailing lists before the release of the standard so it can be formed to the needs of the web using audience.
Tovább olvasom »