{"id":6552,"date":"2015-09-01T11:15:41","date_gmt":"2015-09-01T08:15:41","guid":{"rendered":"http:\/\/www.webcodegeeks.com\/?p=6552"},"modified":"2018-06-20T16:20:56","modified_gmt":"2018-06-20T13:20:56","slug":"top-10-major-advantages-html5","status":"publish","type":"post","link":"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/","title":{"rendered":"Top 10 Major Advantages of HTML5"},"content":{"rendered":"

1. What is HTML5?<\/h2>\n

HTML5 is the newest version of the HyperText Markup Language that was developed in the late 80’s in order to describe documents that linked to each other. In it’s early days, HTML’s role was simple, to help describe a document’s structure and to allow cross-linking of documents.<\/p>\n

The language is a Markup Language, a way to enhance a text file with bits of code (markup) that describes the structure of the document. Think of it as what your teachers did to your english schoolpapers. When they corrected it, they marked it up…probably in red to tell you what things needed to change to hopefully make your documents better.<\/p>\n

Today the language has grown substantially and it’s gained two allies that are closely associated with it. CSS (Cascading Style Sheets) is supposed to help HTML look great by describing the way that the document is supposed to look. JavaScript is supposed to build interactivity.
\n[ulp id=’tgm4cmEWcKUikZNn’]<\/p>\n

2. HTML5 vs HTML4: General Differences<\/h2>\n

1. Simplified and Clear Syntax<\/strong><\/p>\n

The syntax in HTML5 is extremely clear and simple as compared to HTML4. One example of this is the DOCTYPE element. In HTML4 the DOCTYPE declaration was too messy and lengthy and used to refer an external source. However in HTML5 DOCTYPE element has been made extremely simple. For instance a mere is enough to specify the document type.<\/p>\n

2. Multimedia Elements<\/strong><\/p>\n

HTML5 contains built in support for integrated multimedia files into web page via video and audio tags. Previously, in HTML4, the multimedia content was integrated in web pages via third party plugins such as Silverlight and flash.<\/p>\n

3. Accessing User Geographical location<\/strong><\/p>\n

Previously in HTML4, it was an extremely cumbersome task to get the geographical locations of the visitors visiting the site. It was even difficult when the website was accessed through mobile devices. On the other hand, in HTML5 is extremely easy to get the user location. HTML5\u2019s JS GeoLocation can be leveraged to identify the location of the user accessing the website.<\/p>\n

4. Client Side storage<\/strong><\/p>\n

In HTML4, in order to store important data on client side, browser\u2019s cache was used. However, that cache is limited and doesn\u2019t support relational storage mechanism. In HTML5, this issue has been addressed via Web SQL database and application cache that can be access via HTML5\u2019s JavaScript interface.<\/p>\n

5. Client Server Communication<\/strong><\/p>\n

In HTML4 the communication between the client and server was done through streaming and long polling, since there are no web sockets available in HTML4. On the contrary, HTML5 contains web sockets that allow full duplex communication between clients and servers.<\/p>\n

6. JavaScript Threading Mechanism<\/strong><\/p>\n

In HTML4, JavaScript and the browser interface with which user interacts, run in the same thread which affects performance. HTML5 contains JS Web Worker API which allows JavaScript and Browser interface to run in separate threads.<\/p>\n

7. Browser Compatibility<\/strong><\/p>\n

As aforementioned, HTML4 is an established standard for developing browser applications and has been in use for more than 10 years. For this reason, HTML4 is compatible with almost all web-browsers. On the other hand, HTML5 is still in the process of evolution and the currently available tags are being modified and also new tags are being added. Therefore, HTML5 lags behind HTML4 in terms of compatibility with the browsers.<\/p>\n

2.1 Tag Differences in HTML4 and HTML5<\/h3>\n

Several tags in HTML4 have been removed from HTML5 or their functionality has been modified. Following are some of the tags that are removed from HTML5 or have different functionality in HTML5 as compared to HTML4.<\/p>\n

1. <Applet> removed <Object> Added in HTML5<\/strong><\/p>\n

HTML4 contained an <applet> tag that was used for displaying applets in a web browser. However, in HTML5, this applet tag has been removed. In order to display applet type items, a new tag has been introduced in HTML5.<\/p>\n

2. <Acronym> removed <Abbr> Added in HTML5<\/strong><\/p>\n

HTML4 contained an <acronym> tag that was used for displaying abbreviation\u2019s in a web browser. However, in HTML5, this tag has been removed. A new tag has been introduced in HTML5.<\/abbr><\/p>\n

3. Difference in usage of <hr> tag<\/strong>
\nThe <hr> tag was used to draw a line in HTML4 and all the previous versions of HTML, however in HTML5, the functionality of this tag has been changed and it is used for defining a thematic break in the web page.<\/p>\n

4. Difference in usage of <a> tag<\/strong><\/p>\n

In HTML4 and previous versions, the <a> tag was used as anchor as well as for referring to a link. In the HTML5, the <a> tag is used only as a hyperlink. But if the href tag is removed from the <a> tag, the <a> tag can be used as a place holder for other hyperlinks.<\/p>\n

5. Schema attribute removed from <meta> tag in HTML5<\/strong><\/p>\n

The tag is defined in the header section of the HTML document and contains information about the data. In the previous versions of HTML, including the HTML4, this tag used to contain an attribute called schema that defined the schema of the document. However, in HTML5, this tag has been removed.<\/p>\n

2.2 Changes in Attributes<\/h3>\n

Following are some of the attributes that have been modified in HTML5.<\/p>\n

In HTML4 and previous HTML versions, script attribute was used to in link tag to refer to JavaScript or other similar scripts. In HTML5 It is not necessary to use that script attribute.<\/p>\n

In HTML5, the <table> tag can only have one attribute Border and the value of this attribute can only be zero or one. Previously, the <table> tag had many attributes.<\/p>\n

In the previous versions of HTML, the tag didn\u2019t had the charset attribute that defines the standard character encoding for the webpage. This attribute has been added in HTML5.<\/p>\n

3. From 4 to 5: In Detail<\/h2>\n

This section is split up in several subsections to more clearly illustrate the various differences there are between HTML4 and HTML5.<\/p>\n

3.1 New Elements<\/h3>\n

The following elements have been introduced for better structure:<\/p>\n

\u2022\u00a0section<\/code> represents a generic document or application section. It can be used together with the h1, h2, h3, h4, h5, and h6 elements to indicate the document structure.<\/p>\n

\u2022\u00a0article<\/code> represents an independent piece of content of a document, such as a blog entry or newspaper article.<\/p>\n

\u2022\u00a0aside<\/code> represents a piece of content that is only slightly related to the rest of the page.<\/p>\n

\u2022\u00a0hgroup<\/code> represents the header of a section.<\/p>\n

\u2022\u00a0header<\/code> represents a group of introductory or navigational aids.<\/p>\n

\u2022\u00a0footer<\/code> represents a footer for a section and can contain information about the author, copyright information, etc.<\/p>\n

\u2022\u00a0nav<\/code> represents a section of the document intended for navigation.<\/p>\n

\u2022\u00a0figure<\/code> represents a piece of self-contained flow content, typically referenced as a single unit from the main flow of the document.<\/p>\n

<figure>\r\n <video src=\"example.webm\" controls><\/video>\r\n <figcaption>Example<\/figcaption>\r\n<\/figure>\r\n<\/pre>\n
figcaption can be used as caption (it is optional).<\/p>\n
Then there are several other new elements:<\/p>\n
video<\/code> and audio<\/code> for multimedia content. Both provide an API so application authors can script their own user interface, but there is also a way to trigger a user interface provided by the user agent. source elements are used together with these elements if there are multiple streams available of different types.<\/p>\n
\u2022\u00a0track<\/code> provides text tracks for the video element.<\/p>\n
\u2022\u00a0embed<\/code> is used for plugin content.<\/p>\n
\u2022\u00a0mark<\/code> represents a run of text in one document marked or highlighted for reference purposes, due to its relevance in another context.<\/p>\n
\u2022\u00a0progress<\/code> represents a completion of a task, such as downloading or when performing a series of expensive operations.<\/p>\n
\u2022\u00a0meter<\/code> represents a measurement, such as disk usage.<\/p>\n
\u2022\u00a0time<\/code> represents a date and\/or time.<\/p>\n
\u2022\u00a0WHATWG HTML<\/strong> has data which allows content to be annotated with a machine-readable value.<\/p>\n
\u2022\u00a0WHATWG HTML<\/strong> has dialog for showing a dialog.<\/p>\n
\u2022\u00a0ruby<\/code>, rt<\/code>, and rp<\/code> allow for marking up ruby annotations.<\/p>\n
\u2022\u00a0bdi<\/code> represents a span of text that is to be isolated from its surroundings for the purposes of bidirectional text formatting.<\/p>\n
\u2022\u00a0wbr<\/code> represents a line break opportunity.<\/p>\n
\u2022\u00a0canvas<\/code> is used for rendering dynamic bitmap graphics on the fly, such as graphs or games.<\/p>\n
\u2022\u00a0command<\/code> represents a command the user can invoke.<\/p>\n
\u2022\u00a0details<\/code> represents additional information or controls which the user can obtain on demand. The summary element provides its summary, legend, or caption.<\/p>\n
\u2022\u00a0datalist<\/code> together with the a new list attribute for input can be used to make comboboxes:<\/p>\n
<input list=\"browsers\">\r\n<datalist id=\"browsers\">\r\n <option value=\"Safari\">\r\n <option value=\"Internet Explorer\">\r\n <option value=\"Opera\">\r\n <option value=\"Firefox\">\r\n<\/datalist>\r\n<\/pre>\n
\u2022\u00a0keygen<\/code> represents control for key pair generation.<\/p>\n
\u2022\u00a0output<\/code> represents some type of output, such as from a calculation done through scripting.<\/p>\n
The input<\/code> element’s type<\/code> attribute now has the following new values:<\/p>\n
\u2022\u00a0tel<\/code>
\n\u2022\u00a0search<\/code>
\n\u2022\u00a0url<\/code>
\n\u2022\u00a0email<\/code>
\n\u2022\u00a0datetime<\/code>
\n\u2022\u00a0date<\/code>
\n\u2022\u00a0month<\/code>
\n\u2022\u00a0week<\/code>
\n\u2022\u00a0time<\/code>
\n\u2022\u00a0datetime-local<\/code>
\n\u2022\u00a0number<\/code>
\n\u2022\u00a0range<\/code>
\n\u2022\u00a0color<\/code><\/p>\n
The idea of these new types is that the user agent can provide the user interface, such as a calendar date picker or integration with the user’s address book, and submit a defined format to the server. It gives the user a better experience as his input is checked before sending it to the server meaning there is less time to wait for feedback.<\/p>\n
3.2 New Attributes<\/h3>\n
Several attributes have been introduced to various elements that were already part of HTML4:<\/p>\n
\u2022\u00a0The a<\/code> and area<\/code> elements now have a media<\/code> attribute for consistency with the link<\/code> element. WHATWG HTML also has the download<\/code> and ping<\/code> attributes.<\/p>\n
\u2022\u00a0The area<\/code> element, for consistency with the a<\/code> and link<\/code> elements, now also has the hreflang<\/code>, type<\/code> and rel<\/code> attributes.<\/p>\n
\u2022\u00a0The base<\/code> element can now have a target<\/code> attribute as well, mainly for consistency with the a<\/code> element. (This is already widely supported.)<\/p>\n
\u2022\u00a0The meta<\/code> element has a charset<\/code> attribute now as this was already widely supported and provides a nice way to specify the character encoding for the document.<\/p>\n
\u2022\u00a0A new autofocus<\/code> attribute can be specified on the input<\/code> (except when the type<\/code> attribute is hidden<\/code>), select<\/code>, textarea<\/code> and button<\/code> elements. It provides a declarative way to focus a form control during page load. Using this feature should enhance the user experience compared to focusing the element with script as the user can turn it off if the user does not like it, for instance.<\/p>\n
\u2022\u00a0A new placeholder<\/code> attribute can be specified on the input<\/code> and textarea<\/code> elements. It represents a hint intended to aid the user with data entry.<\/p>\n
<input type=email placeholder=\"a@b.com\">\r\n<\/pre>\n
\u2022\u00a0The new form<\/code> attribute for input<\/code>, output<\/code>, select<\/code>, textarea<\/code>, button<\/code>, label<\/code>, object<\/code> and fieldset<\/code> elements allows for controls to be associated with a form<\/code>. These elements can now be placed anywhere on a page, not just as descendants of the form element, and still be associated with a form<\/code>.<\/p>\n
<table>\r\n <tr>\r\n  <th>Key\r\n  <th>Value\r\n  <th>Action\r\n <tr>\r\n  <td><form id=1><input name=1-key><\/form>\r\n  <td><input form=1 name=1-value>\r\n  <td><button form=1 name=1-action value=save>\u2713<\/button>\r\n      <button form=1 name=1-action value=delete>\u2717<\/button>\r\n ...\r\n<\/table>\r\n<\/pre>\n
\u2022\u00a0The new required<\/code> attribute applies to input<\/code> (except when the type<\/code> attribute is hidden<\/code>, image<\/code> or some button type such as submit<\/code>), select<\/code> and textarea<\/code>. It indicates that the user has to fill in a value in order to submit the form. For select<\/code>, the first option <\/code>element has to be a placeholder with an empty value.<\/p>\n
<label>Color: <select name=color required>\r\n <option value=\"\">Choose one\r\n <option>Red\r\n <option>Green\r\n <option>Blue\r\n<\/select><\/label>\r\n<\/pre>\n
\u2022\u00a0The fieldset<\/code> element now allows the disabled<\/code> attribute which disables all descendant controls (excluding those that are descendants of the legend<\/code> element) when specified, and the name<\/code> attribute which can be used for script access.<\/p>\n
\u2022\u00a0The input<\/code> element has several new attributes to specify constraints: autocomplete<\/code>, min<\/code>, max<\/code>, multiple<\/code>, pattern<\/code> and step<\/code>. As mentioned before it also has a new list<\/code> attribute which can be used together with the datalist<\/code> element. It also now has the width<\/code> and height<\/code> attributes to specify the dimensions of the image when using type=image<\/code>.<\/p>\n
\u2022\u00a0The input<\/code> and textarea<\/code> elements have a new attribute named dirname<\/code> that causes the directionality of the control as set by the user to be submitted as well.<\/p>\n
\u2022\u00a0The textarea<\/code> element also has two new attributes, maxlength<\/code> and wrap<\/code> which control max input length and submitted line wrapping behavior, respectively.<\/p>\n
\u2022\u00a0The form<\/code> element has a novalidate<\/code> attribute that can be used to disable form validation submission (i.e. the form can always be submitted).<\/p>\n
\u2022\u00a0The input<\/code> and button<\/code> elements have formaction<\/code>, formenctype<\/code>, formmethod<\/code>, formnovalidate<\/code>, and formtarget<\/code> as new attributes. If present, they override the action<\/code>, enctype<\/code>, method<\/code>, novalidate<\/code>, and target<\/code> attributes on the form<\/code> element.<\/p>\n
In WHATWG<\/strong> HTML, the input<\/code> and textarea<\/code> have an inputmode<\/code> attribute.<\/p>\n
\u2022\u00a0The menu<\/code> element has two new attributes: type<\/code> and label<\/code>. They allow the element to transform into a menu as found in typical user interfaces as well as providing for context menus in conjunction with the global contextmenu<\/code> attribute.<\/p>\n
\u2022\u00a0The style<\/code> element has a new scoped<\/code> attribute which can be used to enable scoped style sheets. Style rules within such a style<\/code> element only apply to the local tree.<\/p>\n
\u2022\u00a0The script<\/code> element has a new attribute called async<\/code> that influences script loading and execution.<\/p>\n
\u2022\u00a0The html<\/code> element has a new attribute called manifest<\/code> that points to an application cache manifest used in conjunction with the API for offline Web applications.<\/p>\n
\u2022\u00a0The link<\/code> element has a new attribute called sizes<\/code>. It can be used in conjunction with the icon<\/code> relationship (set through the rel<\/code> attribute; can be used for e.g. favicons) to indicate the size of the referenced icon. Thus allowing for icons of distinct dimensions.<\/p>\n
\u2022\u00a0The ol<\/code> element has a new attribute called reversed<\/code>. When present, it indicates that the list order is descending.<\/p>\n
\u2022\u00a0The iframe<\/code> element has three new attributes called sandbox<\/code>, seamless<\/code>, and srcdoc<\/code> which allow for sandboxing content, e.g. blog comments.<\/p>\n
\u2022\u00a0The object<\/code> element has a new attribute called typemustmatch<\/code> which allows safer embedding of external resources.<\/p>\n
\u2022\u00a0The img<\/code> element has a new attribute called crossorigin<\/code> to use CORS in the fetch and if it is successful, allows the image data to be read with the canvas<\/code> API. In WHATWG<\/strong> HTML, there is also a new attribute called srcset<\/code> to support multiple images for different resolutions and different images for different viewport sizes.<\/p>\n
Several attributes from HTML4 now apply to all elements. These are called global attributes: accesskey<\/code>, class<\/code>, dir<\/code>, id<\/code>, lang<\/code>, style<\/code>, tabindex<\/code> and title<\/code>. Additionally, XHTML 1.0 only allowed xml:space<\/code> on some elements, which is now allowed on all elements in XHTML documents.<\/p>\n
There are also several new global attributes:<\/p>\n
\u2022\u00a0The contenteditable<\/code> attribute indicates that the element is an editable area. The user can change the contents of the element and manipulate the markup.<\/p>\n
\u2022\u00a0The contextmenu<\/code> attribute can be used to point to a context menu provided by the author.<\/p>\n
\u2022\u00a0The data-*<\/code> collection of author-defined attributes. Authors can define any attribute they want as long as they prefix it with data-<\/code> to avoid clashes with future versions of HTML. These are intended to be used to store custom data to be consumed by the Web page or application itself. They are not intended for data to be consumed by other parties (e.g. user agents).<\/p>\n
\u2022\u00a0The draggable<\/code> and dropzone<\/code> attributes can be used together with the new drag & drop API.<\/p>\n
\u2022\u00a0The hidden<\/code> attribute indicates that an element is not yet, or is no longer, relevant.<\/p>\n
\u2022\u00a0WHATWG HTML has the inert<\/code> attribute, intended to make dialog<\/code> elements modal.<\/p>\n
\u2022\u00a0The role<\/code> and aria-*<\/code> collection attributes which can be used to instruct assistive technology.<\/p>\n
\u2022\u00a0The spellcheck<\/code> attribute allows for hinting whether content can be checked for spelling or not.<\/p>\n
\u2022\u00a0The translate<\/code> attribute gives a hint to translators whether the content should be translated.<\/p>\n
HTML5 also makes all event handler attributes from HTML4, which take the form onevent<\/code>, global attributes and adds several new event handler attributes for new events it defines. For instance, the onplay<\/code> event handler attribute for the play<\/code> event which is used by the API for the media elements (video<\/code> and audio<\/code>).<\/p>\n
3.3 Changed Elements<\/h3>\n
These elements have slightly modified meanings in HTML5 to better reflect how they are used on the Web or to make them more useful:<\/p>\n
\u2022\u00a0The address<\/code> element is now scoped by the nearest ancestor article<\/code> or body<\/code> element.<\/p>\n
\u2022\u00a0The b<\/code> element now represents a span of text to which attention is being drawn for utilitarian purposes without conveying any extra importance and with no implication of an alternate voice or mood, such as key words in a document abstract, product names in a review, actionable words in interactive text-driven software, or an article lede.<\/p>\n
\u2022\u00a0The cite<\/code> element now solely represents the title of a work (e.g. a book, a paper, an essay, a poem, a score, a song, a script, a film, a TV show, a game, a sculpture, a painting, a theatre production, a play, an opera, a musical, an exhibition, a legal case report, etc). Specifically the example in HTML4 where it is used to mark up the name of a person is no longer considered conforming.<\/p>\n
\u2022\u00a0The dl<\/code> element now represents an association list of name-value groups, and is no longer said to be appropriate for dialogue.<\/p>\n
\u2022\u00a0The hr<\/code> element now represents a paragraph-level thematic break.<\/p>\n
\u2022\u00a0The i<\/code> element now represents a span of text in an alternate voice or mood, or otherwise offset from the normal prose in a manner indicating a different quality of text, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, a thought, or a ship name in Western texts.<\/p>\n
\u2022\u00a0For the label<\/code> element the browser should no longer move focus from the label to the control unless such behavior is standard for the underlying platform user interface.<\/p>\n
\u2022\u00a0The menu<\/code> element is redefined to be useful for toolbars and context menus.<\/p>\n
The noscript<\/code> element is no longer said to be rendered when the user agent doesn’t support a scripting language invoked by a script<\/code> element earlier in the document.<\/p>\n
The s<\/code> element now represents contents that are no longer accurate or no longer relevant.<\/p>\n
\u2022\u00a0The script<\/code> element can now be used for scripts or for custom data blocks.<\/p>\n
\u2022\u00a0The small<\/code> element now represents side comments such as small print.<\/p>\n
\u2022\u00a0The strong<\/code> element now represents importance rather than strong emphasis.<\/p>\n
\u2022\u00a0The u<\/code> element now represents a span of text with an unarticulated, though explicitly rendered, non-textual annotation, such as labeling the text as being a proper name in Chinese text (a Chinese proper name mark), or labeling the text as being misspelt.<\/p>\n
3.4 Changed Attributes<\/h3>\n
Several attributes have changed in various ways.<\/p>\n
\u2022\u00a0The accept<\/code> attribute on input<\/code> now allows the values audio\/*<\/code>, video\/*<\/code> and image\/*<\/code>.<\/p>\n
\u2022\u00a0The accesskey<\/code> global attribute now allows multiple characters to be specified, which the user agent can choose from.<\/p>\n
\u2022\u00a0The action<\/code> attribute on form<\/code> is no longer allowed to have an empty URL.<\/p>\n
\u2022\u00a0In WHATWG<\/strong> HTML, the method<\/code> attribute has a new keyword dialog<\/code>, intended to close a dialog<\/code> element.<\/p>\n
\u2022\u00a0The border<\/code> attribute on table<\/code> only allows the values “1” and the empty string. In WHATWG HTML, the border<\/code> attribute is obsolete.<\/p>\n
\u2022\u00a0The colspan<\/code> attribute on td<\/code> and th<\/code> now has to be greater than zero.<\/p>\n
\u2022\u00a0The coords<\/code> attribute on area<\/code> no longer allows a percentage value of the radius when the element is in the circle state.<\/p>\n
\u2022\u00a0The data<\/code> attribute on object<\/code> is no longer said to be relative to the codebase<\/code> attribute.<\/p>\n
\u2022\u00a0The defer<\/code> attribute on script<\/code> now explicitly makes the script execute when the page has finished parsing.<\/p>\n
\u2022\u00a0The dir<\/code> global attribute now allows the value auto<\/code>.<\/p>\n
\u2022\u00a0The enctype<\/code> attribute on form<\/code> now supports the value text\/plain<\/code>.<\/p>\n
\u2022\u00a0The width<\/code> and height<\/code> attributes on img<\/code>, iframe<\/code> and object<\/code> are no longer allowed to contain percentages. They are also not allowed to be used to stretch the image to a different aspect ratio than its intrinsic aspect ratio.<\/p>\n
\u2022\u00a0The href<\/code> attribute on link<\/code> is no longer allowed to have an empty URL.<\/p>\n
\u2022\u00a0The href<\/code> attribute on base<\/code> is now allowed to contain a relative URL.<\/p>\n
\u2022\u00a0All attributes that take URLs, e.g. href<\/code> on the a<\/code> element, now support IRIs if the document’s encoding is UTF-8 or UTF-16.<\/p>\n
\u2022\u00a0The http-equiv<\/code> attribute on meta<\/code> is no longer said to be used by HTTP servers to create HTTP headers in the HTTP response. Instead, it is said to be a pragma directive to be used by the user agent.<\/p>\n
\u2022\u00a0The id<\/code> global attribute is now allowed to have any value, as long as it is unique, is not the empty string, and does not contain space characters.<\/p>\n
\u2022\u00a0The lang<\/code> global attribute takes the empty string in addition to a valid language identifier, just like xml:lang<\/code> does in XML.<\/p>\n
\u2022\u00a0The media<\/code> attribute on link<\/code> now accepts a media query and defaults to “all”.<\/p>\n
\u2022\u00a0The event handler attributes (e.g. onclick<\/code>) now always use JavaScript as the scripting language.<\/p>\n
\u2022\u00a0The value<\/code> attribute of the li<\/code> element is no longer deprecated as it is not presentational. The same goes for the start<\/code> and type<\/code> attributes of the ol<\/code> element.<\/p>\n
\u2022\u00a0The style<\/code> global attribute now always uses CSS as the styling language.<\/p>\n
\u2022\u00a0The tabindex<\/code> global attribute now allows negative values which indicate that the element can receive focus but cannot be tabbed to.<\/p>\n
The target<\/code> attribute of the a<\/code> and area<\/code> elements is no longer deprecated, as it is useful in Web applications, e.g. in conjunction with iframe<\/code>.<\/p>\n
\u2022\u00a0The type<\/code> attribute on script<\/code> and style<\/code> is no longer required if the scripting language is JavaScript and the styling language is CSS, respectively.<\/p>\n
\u2022\u00a0The usemap<\/code> attribute on img<\/code> no longer takes a URL, but instead takes a valid hash-name reference to a map<\/code> element.<\/p>\n
The following attributes are allowed but authors are discouraged from using them and instead strongly encouraged to use an alternative solution:<\/p>\n
\u2022\u00a0The border<\/code> attribute on img<\/code>. It is required to have the value “0” when present. Authors can use CSS instead.<\/p>\n
\u2022\u00a0The language<\/code> attribute on script<\/code>. It is required to have the value “JavaScript<\/code>” (case-insensitive) when present and cannot conflict with the type<\/code> attribute. Authors can simply omit it as it has no useful function.<\/p>\n
\u2022\u00a0The name<\/code> attribute on a<\/code>. Authors can use the id<\/code> attribute instead.<\/p>\n
4. HTML5 Benefits and Features<\/h2>\n
HTML5 strengths lie in three major areas: semantic enrichment, Rich Internet Applications, and native support for rich media.<\/p>\n
4.1 Semantic Enrichment<\/h3>\n
HTML5 provides developers with new, meaningful ways to organize content. Using new tags such as <header>, <footer>, <article> and <section>, pages can be organized more relevantly. What this means for Search Engine Optimization (SEO) is that search engines will have contextual information about the content for indexing, making it easier to present additional relevant results based on context. This move towards a more \u201cSemantic Web\u201d is what many are referring to as \u201cWeb 3.0\u201d. Harnessing new semantic technologies will help to improve a Website\u2019s discoverability and interrelationships.<\/p>\n
4.2 Rich Internet Applications<\/h3>\n
Rich Internet Applications (RIA) can be described as Web applications that bridge the gap between the browser and desktop. To some extent, a RIA can communicate with the user\u2019s local system to provide an experience that extends beyond the browser.<\/p>\n
RIA technologies such as Adobe Flash and Microsoft Silverlight have offered this functionality for years to help Web developers create unique, interactive experiences online. However, the functionality came in the form of plugins to extend the browser functionality \u2013 those plugins came with a performance penalty as well as an annoying need to keep the plugins current.<\/p>\n
In the case of Flash, the plugins were not available on certain smartphone and tablet devices such as the Apple iPhone and iPad. Additionally, many users object to the inherent dependence upon proprietary vendors for the extended functionality that should be natively available within any browser.<\/p>\n
HTML5 comes into play with its ability to store and retrieve files from the user\u2019s machine. With HTML5, Web applications can access and manipulate files from any browser that supports HTML5, yielding the same results every time.<\/p>\n
Couple this functionality with the HTML5 canvas API\u2019s ability to dynamically create vector-based graphics, and companies now have the opportunity to create rich, interactive experiences online within any browser and on any device that supports HTML5.<\/p>\n
4.3 Rich Media<\/h3>\n
HTML5 provides native support for audio and video elements. With HTML5, users will no longer need to download a plug-in in order to watch a YouTube video or listen to a song streamed from their favorite internet radio station.<\/p>\n
HTML5 rich media support also means that rich content is now accessible on any device, including the array of smartphone and tablet devices in the market today.<\/p>\n
Another often overlooked benefit to this standard is that HTML5 embedded video and audio files are less taxing on mobile devices\u2019 batteries, which becomes more important as we see more users embracing and relying on the mobile Web.<\/p>\n
As the trend away from the desktop and toward mobile and tablet devices continues, HTML5 will play a fundamental role in helping you provide a consistent user experience across all media channels. Please give us a call at 800-818-2905 to see how we can help you seize the opportunities available to you with DPCI HTML5 development.<\/p>\n
5. Top 10 Major Advantages of HTML5<\/h2>\n
1. Mutuality<\/strong><\/p>\n
Due to usability purpose the web sites made by developers are highly interactive nowadays and for this developers need to include fluid animations, stream video, play music and Social Network sites like Facebook and Twitter into the websites. Till now they have only the option to integrate it with the help of Flash or Silverlight, Flex or javascript like tools. But these consume so much time to develop and even the complexity of web application also increased. But now with the help of HTML5 it is possible to embed video and audio, high quality drawings, charts and animation and many other rich content without using any plugins and third party programmas as the functionality is built into the browser.<\/p>\n
2. Cleaner markup \/ Improved Code<\/strong><\/p>\n
HTML 5 will enable web designers to use cleaner, neater code, we can remove most div tags and replace them with semantic HTML 5 elements.<\/p>\n
3. Improved Semantics<\/strong><\/p>\n
Now it is easy to see which parts of the page are headers, nav, footers, aside, etc as the tags are specific for these all and most importantly know what their meaning and purpose is in whole the format. By using HTML5 elements we can increase the semantic value of the web page as the codes are very standardized.<\/p>\n
4. Elegant forms<\/strong><\/p>\n
HTML5 enables designer to use more fancier forms. Even it makes form validation native to HTML, User interface enhancements and reduced need for JavaScript (only needed in browsers that don\u2019t support form types). There will be different type of text inputs, search and different fields for different purpose.<\/p>\n
5. Consistency<\/strong><\/p>\n
As websites adopt the new HTML5 elements we will see more greater consistency in terms of the HTML used to code a web page on one site compared to another. This will make it more easier for designers and developers to immediately understand how a web page is structured.<\/p>\n
6. Improved Accessibility<\/strong><\/p>\n
Different technologies can elaborate on the features with the help of HTML5, as they can Immediately make more detailed understanding of the structure of a page by take a look at HTML5 elements it has.<\/p>\n
7. Fulfill the need of Web application<\/strong><\/p>\n
Many new features and standards have emerged as part of HTML 5. Once you detect the available features in today\u2019s browsers, you can take advantage of those features in your application. Main focus of HTML5 is to make easier application with easy front-ends, drag and drop tools, discussion boards, wikis and other useful elements.<\/p>\n
8. Offline Application cache<\/strong><\/p>\n
All browsers have some kind of caching m After a sometime, you open up your laptop and click the Back button in the browser hoping to see the previous page that was opened. However, as you are not connected to the internet and the browser didn\u2019t cache the page properly, you are unable to view that page. You then click the Forward button thinking that at least that page will load, but it doesn\u2019t. You need to reconnect to the internet to be able to view the pages. HTML 5, thankfully, provides a smarter solution. While building the site, the developer can specify the files that the browser should cache. So, even if you refresh the page when you are offline, the page will still load correctly. This sort of caching has several advantages like offline browsing, files load much faster and reduced load on server<\/p>\n
9. Client-side database<\/strong><\/p>\n
While cookies have been used to track unique user data for years, they have serious disadvantages. The largest flaw is that all of your cookie data is added to every HTTP request header. This can end up having a measurable impact on response time. So a best practice is to reduce cookie size. With HTML5 we can do better by using sessionStorage and localStorage(two different storage in HTML5) in place of cookies. It is not a permanent database, but enables you to store structured data, temporarily.<\/p>\n
10. Geolocation support<\/strong><\/p>\n
With help of Geolocation any one can find out where you are in the world and sharing that information with people. There is different ways to figure out where you are \u2014 your IP address, your wireless network connection, which cell tower your phone is talking to, or dedicated GPS hardware that calculates latitude and longitude from information sent by satellites in the sky. But The new HTML5 geolocation APIs make location, whether generated via GPS or other methods, directly available to any HTML5-compatible browser-based application.<\/p>\n
6. Conclusion<\/h2>\n
So you\u2019re still not using HTML? I guess you probably have your reasons; it\u2019s not fully adopted yet, it doesn\u2019t work in IE, you don\u2019t like users, you\u2019re out of touch or you are just passionately in love with writing strict XHTML code. HTML5 is the revolution that the web needed and the fact is, it is the future whether you like it or not. HTML5 isn\u2019t hard to use or understand and even though it\u2019s not fully adopted yet, there are still plenty of reasons that we mentioned above to start using it right now.<\/p>\n
Use HTML5 with caution and be ready to make updates. Stop using elements that HTML5 has kicked from the code, and try using new HTML5 elements that are sure to stick (<header>, <footer>, etc \u2026). You might as well start getting into the habit of using these, now.<\/p>\n","protected":false},"excerpt":{"rendered":"
1. What is HTML5? HTML5 is the newest version of the HyperText Markup Language that was developed in the late 80’s in order to describe documents that linked to each other. In it’s early days, HTML’s role was simple, to help describe a document’s structure and to allow cross-linking of documents. The language is a …<\/p>\n","protected":false},"author":75,"featured_media":914,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"class_list":["post-6552","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5"],"yoast_head":"\nTop 10 Major Advantages of HTML5 - Web Code Geeks - 2026<\/title>\n<meta name=\"description\" content=\"Interested to learn more about html5? Check out our article where we discuss HTML5 vs HTML4: General Differences and its different versions!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Top 10 Major Advantages of HTML5 - Web Code Geeks - 2026\" \/>\n<meta property=\"og:description\" content=\"Interested to learn more about html5? Check out our article where we discuss HTML5 vs HTML4: General Differences and its different versions!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Code Geeks\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webcodegeeks\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fabiocimo\" \/>\n<meta property=\"article:published_time\" content=\"2015-09-01T08:15:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-06-20T13:20:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"150\" \/>\n\t<meta property=\"og:image:height\" content=\"150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Fabio Cimo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@fabiocimo\" \/>\n<meta name=\"twitter:site\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fabio Cimo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"26 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/\"},\"author\":{\"name\":\"Fabio Cimo\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/1dfb88b4a8d08c37a6080311fd330a22\"},\"headline\":\"Top 10 Major Advantages of HTML5\",\"datePublished\":\"2015-09-01T08:15:41+00:00\",\"dateModified\":\"2018-06-20T13:20:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/\"},\"wordCount\":4736,\"commentCount\":5,\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg\",\"articleSection\":[\"HTML5\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/\",\"name\":\"Top 10 Major Advantages of HTML5 - Web Code Geeks - 2026\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg\",\"datePublished\":\"2015-09-01T08:15:41+00:00\",\"dateModified\":\"2018-06-20T13:20:56+00:00\",\"description\":\"Interested to learn more about html5? Check out our article where we discuss HTML5 vs HTML4: General Differences and its different versions!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/#primaryimage\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.webcodegeeks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML5\",\"item\":\"https:\/\/www.webcodegeeks.com\/category\/html5\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Top 10 Major Advantages of HTML5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"name\":\"Web Code Geeks\",\"description\":\"Web Developers Resource Center\",\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.webcodegeeks.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\",\"name\":\"Exelixis Media P.C.\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"width\":864,\"height\":246,\"caption\":\"Exelixis Media P.C.\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webcodegeeks\",\"https:\/\/x.com\/webcodegeeks\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/1dfb88b4a8d08c37a6080311fd330a22\",\"name\":\"Fabio Cimo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b3df055f2e1b62e238889fafbb16121c68aab1adcd11af670e185cafae201b3b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b3df055f2e1b62e238889fafbb16121c68aab1adcd11af670e185cafae201b3b?s=96&d=mm&r=g\",\"caption\":\"Fabio Cimo\"},\"description\":\"Fabio is a passionate student in web tehnologies including front-end (HTML\/CSS) and web design. He likes exploring as much as possible about the world wide web and how it can be more productive for us all. Currently he studies Computer Engineering, at the same time he works as a freelancer on both web programming and graphic design.\",\"sameAs\":[\"https:\/\/www.facebook.com\/fabiocimo\",\"https:\/\/al.linkedin.com\/in\/fabiocimo\",\"https:\/\/x.com\/fabiocimo\",\"https:\/\/www.youtube.com\/fabiocimo1\"],\"url\":\"https:\/\/www.webcodegeeks.com\/author\/fabio-cimo\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Top 10 Major Advantages of HTML5 - Web Code Geeks - 2026","description":"Interested to learn more about html5? Check out our article where we discuss HTML5 vs HTML4: General Differences and its different versions!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/","og_locale":"en_US","og_type":"article","og_title":"Top 10 Major Advantages of HTML5 - Web Code Geeks - 2026","og_description":"Interested to learn more about html5? Check out our article where we discuss HTML5 vs HTML4: General Differences and its different versions!","og_url":"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/","og_site_name":"Web Code Geeks","article_publisher":"https:\/\/www.facebook.com\/webcodegeeks","article_author":"https:\/\/www.facebook.com\/fabiocimo","article_published_time":"2015-09-01T08:15:41+00:00","article_modified_time":"2018-06-20T13:20:56+00:00","og_image":[{"width":150,"height":150,"url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg","type":"image\/jpeg"}],"author":"Fabio Cimo","twitter_card":"summary_large_image","twitter_creator":"@fabiocimo","twitter_site":"@webcodegeeks","twitter_misc":{"Written by":"Fabio Cimo","Est. reading time":"26 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/#article","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/"},"author":{"name":"Fabio Cimo","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/1dfb88b4a8d08c37a6080311fd330a22"},"headline":"Top 10 Major Advantages of HTML5","datePublished":"2015-09-01T08:15:41+00:00","dateModified":"2018-06-20T13:20:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/"},"wordCount":4736,"commentCount":5,"publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg","articleSection":["HTML5"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/","url":"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/","name":"Top 10 Major Advantages of HTML5 - Web Code Geeks - 2026","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/#primaryimage"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg","datePublished":"2015-09-01T08:15:41+00:00","dateModified":"2018-06-20T13:20:56+00:00","description":"Interested to learn more about html5? Check out our article where we discuss HTML5 vs HTML4: General Differences and its different versions!","breadcrumb":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/#primaryimage","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/www.webcodegeeks.com\/html5\/top-10-major-advantages-html5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webcodegeeks.com\/"},{"@type":"ListItem","position":2,"name":"HTML5","item":"https:\/\/www.webcodegeeks.com\/category\/html5\/"},{"@type":"ListItem","position":3,"name":"Top 10 Major Advantages of HTML5"}]},{"@type":"WebSite","@id":"https:\/\/www.webcodegeeks.com\/#website","url":"https:\/\/www.webcodegeeks.com\/","name":"Web Code Geeks","description":"Web Developers Resource Center","publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webcodegeeks.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webcodegeeks.com\/#organization","name":"Exelixis Media P.C.","url":"https:\/\/www.webcodegeeks.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","width":864,"height":246,"caption":"Exelixis Media P.C."},"image":{"@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webcodegeeks","https:\/\/x.com\/webcodegeeks"]},{"@type":"Person","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/1dfb88b4a8d08c37a6080311fd330a22","name":"Fabio Cimo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b3df055f2e1b62e238889fafbb16121c68aab1adcd11af670e185cafae201b3b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b3df055f2e1b62e238889fafbb16121c68aab1adcd11af670e185cafae201b3b?s=96&d=mm&r=g","caption":"Fabio Cimo"},"description":"Fabio is a passionate student in web tehnologies including front-end (HTML\/CSS) and web design. He likes exploring as much as possible about the world wide web and how it can be more productive for us all. Currently he studies Computer Engineering, at the same time he works as a freelancer on both web programming and graphic design.","sameAs":["https:\/\/www.facebook.com\/fabiocimo","https:\/\/al.linkedin.com\/in\/fabiocimo","https:\/\/x.com\/fabiocimo","https:\/\/www.youtube.com\/fabiocimo1"],"url":"https:\/\/www.webcodegeeks.com\/author\/fabio-cimo\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/6552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/users\/75"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/comments?post=6552"}],"version-history":[{"count":0,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/6552\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media\/914"}],"wp:attachment":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media?parent=6552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/categories?post=6552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/tags?post=6552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}