What is HTML5?
This article belongs to the category "for beginners". Using simple words, we are going to talk about the fifth version of HTML, which is currently under development. And despite the fact that HTML5 is still far from perfect, its performance astonishes many.
As you may know, HTML (HyperText Markup Language) is a language for web page markup. Its main goal is to translate information given in the form of readable content. Mostly, because of HTML, we see the Web as it is, we see its beauty, color and multi-functionality. Then new version of HTML is without a doubt a great event. It will stay in hearts and minds of the Internet community for quite a while.
First, let's analyze the differences between the fifth and fourth version. Of course, we will do this in brief, in order to keep things simple.
So, the first thing, a fact worth noticing - HTML4 development was fully completed in the late 90's, whereas work on HTML5 started relatively recently - around the year 2005. The developers of the new version of HTML, mainly focused on compatibility with most popular types of browsers - as a result, no revolutionary changes were made in terms of web page design, but the potential abilities to display the content part were significantly expanded.
For example, these new HTML5 elements are currently at your service: section, nav, header, article and footer. Before, there was only one element - div. Standard img, is supplemented with tags audio and video. One of the most important attributes id was supplemented with tabindex and repeat. Also, outdated elements such as font and center were removed.
Since the main focus was to avoid conflicts between HTML5 and outdated browser engines, new version is provided with the option to completely ignore new mapping rules defined in HTML5. This in no way affects the visualization quality of the loaded content.
Now let's focus on the structure and markup language in HTML5.
As you know, the old version is fully based on the element div. In other words, everything that was related to sidebars, navigation panels, menus, chapters, etc. was controlled by this element. HTML5 is provided with alternatives which, beyond any doubt, make the structure of the web page more visible and functional.
- header (not to be confused with head) - you can specify not only the header of the page, but also subheaders.
- nav - element is exclusively designed for navigation links which is highly useful for creating site navigation and page connectors.
- section - this element is intended for public use. For example, you can use it if you want to set special header or paragraph for the pre-determined text block.
- article - with this element you can set independent areas on a page for textual content. For example, to highlight important publications from the archive, current news, recent posts on the forum, etc. In addition, element article can be used in a traditional way - that is, to specify the content part of the page.
- footer - the bottommost element on the page or the "final block of the section". This element is displayed as you may have guessed as a footer. In this part of the page you can place news reports concerning the content part mentioned above (eg, copyrights), among other things.
Now a few words about some novelties that are related to the block level elements. So the top novelties are:
- aside - this container can be used for textual information considered secondary or additional. For example, citations, footnotes separated from the main content, columns with explanatory text, etc.
- dialog - container that allows you to arrange dialogues.
- figure - container that allows you to describe any imagine with textual signature.
And now a couple words about multimedia elements.
For a long time it was expected that sooner or later the following elements will be incorporated and as was predicted here they are video and audio. The main goal for these innovations is to better integrate multimedia content into the main part of the web page. Another reason to use these elements is to avoid third party products (plugins) needed for viewing and listening multimedia content.
As for the interactive features, HTML5 does have new elements to be proud of. Here are some of them:
- details - with this element you can position optional information.
- datagrid - is used to display data grid. The difference from the standard grid is that the visitor of the site can control the displayed information, ie clean the grid, move columns, etc.
- menu, command - elements that are directly related to the visual representation of all the menus available on the site.
More novelties - elements responsible for the level of the text. For example, in the new version, you can set parameters such as, progress of a process, dynamic display of time, dates, etc.
So in conclusion, a couple of words about novelties related to the API!
The first thing is the striking expansion of existing DOM interfaces and adding new API's. For example, data can be stored in the browser itself, the technology Drag-and-drop was implemented, online drawing became available, etc.
Here we stop the narrative, because our goal was simply to introduce soft-core webmasters to the new technologies and not to overburden with technically difficult information. If you are really interested in the structure of the new HTML5 language and you are ready to study it, then go and google up a lot of useful material!