Features of HTML5
If you are a HTML developer, it is necessary for you to keep yourself upgraded with the new features introduced by HTML5. In this article, we have explained the top features of HTML5 that will help you to develop dynamic websites for multiple platforms or devices.
1.SIMPLE DOCTYPE
Are you still using the infuriating and baffling XHTML DOCTYPE? Then, it’s high-time to swap it with the new HTML5 DOCTYPE.
The fifth version of HTML comes with a simple DOCTYPE. In order to indicate that your HTML content utilizes HTML5, the user just needs to write:
<!DOCTYPE html>
The HTML5 DOCTYPE is an appreciated standard and is suitable for all new type of documents. It is generally used for both older and modern browsers which needs a specified DOCTYPE. However, browsers that don’t understand this DOCTYPE will directly submit the contained mark-up in standard mode. Thus, one can freely use the new and simple HTML5 DOCTYPE.
2.FLEXIBILITY WITH “QUOTATION MARKS”
If you are writing HTML5 attributes, the user does not need to utilize quotation marks to define the values. It completely depends on the user whether the user wants to close the elements with quotes or not.
<p class=myClass id=someId> Start the reactor.
However, the user cannot always eliminate quotes from attribute values. For instance, if the user wants to use some more structured documents, the user needs to use the quotes.
3.CAN EDIT TEXT CONTENT HTML5
Most of the new browsers assimilated with a new attribute called content editable which enables the user to edit any of the text included within the element.
With the use of this attribute, the user can instruct the browser to enable the users to add, delete, and edit the text. There are many uses for this technique, such as enabling users to customize the way how pages crop out each time when they visit the website. If the user wants to edit the text contained in the element, the user just need to add:
<ul contenteditable=true>
4.NEW AND EASY SEMANTIC ELEMENTS
Most of the websites use the HTML code with an objective to symbolize header, navigation, and footer. However, this is quite a complicated technique.
HTML5 offers new and easy-to-memorize semantic elements that can help the developers to define different sections of a web page. Below are the following Semantic Elements:
<header>
<footer>
<nav>
<section>
<article>