home » Android » The html5 standard is different from the 4th generation. Differences html5 from previous versions. comparative analysis of the pros and cons. Improved element semantics

The html5 standard is different from the 4th generation. Differences html5 from previous versions. comparative analysis of the pros and cons. Improved element semantics

HTML5 has garnered a lot of attention from web developers. And so are the differences between HTML5 and its predecessors.

The new capabilities of this standard are intended to create interactive web applications that maximize the use of multimedia content, work with program interfaces and structure documents. language interactive web application

The structural capabilities of HTML5 make the structure of a web document simpler and easier to understand, and the code is much cleaner. Instead of the divs used in HTML 4.01, you can use tags such as header “title”, nav “navigation”, section “document section”, article “site content”, aside “site content” and footer “site footer”.

The new elements make it possible to better describe the header, footer, site blocks, text, and other parts of the website. These innovations are used to generate a table of contents and organize more efficient and easy navigation on a web page, without cluttering your code with other secondary tags. Here are some examples:

Example 1. Instead of a cumbersome HTML4.01 notation:

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"\u003e,

in HTML5 it will look much shorter:

Example 2. In HTML4, the following code is needed to create a header:

My title

text

HTML5 uses the element

instead

:

Title

Your text

As you can see, the code becomes simpler and clearer.

Multimedia capabilities in HTML5 preclude the use of Adobe Flash and others third-party programs... You can use any browser that supports HTML5 to add music and video files when additional programs are required in HTML 4.0 and HTML 4.01.

Entering data in HTML5 forms has become much safer, the correctness of data is controlled directly during input, whereas in HTML 4, the validation of the entered data is carried out after the document is sent, which does not create certain inconveniences for users.

Text and image in HTML5 become one, which significantly increases the number of possibilities and allows you to create highly impressive, colorful websites without third-party scripts.

Animations and graphics. Here developers can take advantage of the Canvas function, which can replace Adobe Flash and similar additional programs. It becomes possible to place animations, graphic elements and even small games on your website directly on the website.

Benefits for end user... A number of useful changes have occurred here:

No installation of numerous third-party programs required.

HTML5 compatibility has been improved, unlike its predecessors. It is compatible not only on personal computers and laptops, but also with tablets, smartphones, modern models of DVD players, TVs, consoles that provide access to Internet resources.

HTML5 has a single standard for displaying content, regardless of the type of browser.

Lachlan Hunt

Original article in English: http://www.alistapart.com/articles/previewofhtml5

Illustrations: Kevin Cornell

Translation: Vlad Merzhevich

The network is constantly evolving. New and innovative sites are being created every day, pushing the boundaries of HTML in every direction. HTML4 has been around for nearly a decade, and publishers are looking for new methods to provide advanced functionality that is held back by the limitations of the language and browsers.

To give authors more flexibility and interoperability, making their sites and applications more interactive and immersive, HTML5 introduces and expands the range of capabilities to include form elements, APIs, media, structure, and semantics.

Work on HTML5 began in 2004 and is currently a collaborative effort between the W3C HTML WG and the WHATWG. Many key players participate in the W3C, including representatives from the four major browser vendors: Apple, Mozilla, Opera and Microsoft, as well as a range of other organizations and individuals with their own interests and expertise.

Note that the specification is still under development and is far from complete. So it is possible that some of the functionality described in this article may change in the future. This article is intended to briefly describe some of the main features that exist in the current project.

Structure

HTML5 introduces a number of new elements that simplify the structure of your pages. Most HTML4 pages contain generic elements such as header, footer, and columns. Nowadays, as a rule, in the document code they are indicated using the elements

, describing each with an id or class attribute.

The figure shows a typical layout of two columns laid out using

with id and class attributes. The layout contains a header, footer, and horizontal navigation below the header. The main content includes an article and a sidebar on the right (sidebar).

Use elements

correct, because HTML4 lacks the right semantics to describe these parts more specifically. HTML5 addresses this problem by introducing new elements to represent each of these different sections.