{"id":180161,"date":"2024-06-05T23:32:54","date_gmt":"2024-06-05T22:32:54","guid":{"rendered":"https:\/\/datascientest.com\/en\/?p=180161"},"modified":"2024-02-25T23:49:46","modified_gmt":"2024-02-25T22:49:46","slug":"html5-what-is-it-complete-guide","status":"publish","type":"post","link":"https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide","title":{"rendered":"HTML5: What is it? Complete guide"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"180161\" class=\"elementor elementor-180161\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d3b20a5 e-flex e-con-boxed e-con\" data-id=\"d3b20a5\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-674bfa1 elementor-widget elementor-widget-heading\" data-id=\"674bfa1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 02-08-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Web development is constantly evolving. Because of this, HTML5 occupies a prominent place as a fundamental and unavoidable language. Since its official introduction on October 28, 2014, HTML5 has revolutionized the way websites are created and offers a host of advanced features that enhance the user experience.<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d784b1 e-flex e-con-boxed e-con\" data-id=\"2d784b1\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-957c1bd elementor-widget elementor-widget-heading\" data-id=\"957c1bd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">L\u2019\u00e9volution des balises de base dans HTML5<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf5e601 elementor-widget elementor-widget-text-editor\" data-id=\"bf5e601\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 02-08-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>HTML5 has drastically evolved the basic tags of an HTML document. These semantic tags provide a clearer, more meaningful structure to the content of a web page, thereby improving accessibility, indexing by search engines and overall understanding of the document.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18a8da6 elementor-widget elementor-widget-html\" data-id=\"18a8da6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style type=\"text\/css\">\r\n.tg  {border-collapse:collapse;border-spacing:0;}\r\n.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\r\n  overflow:hidden;padding:10px 5px;word-break:normal;}\r\n.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\r\n  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}\r\n.tg .tg-ww7x{background-color:#c0c0c0;font-family:\"Trebuchet MS\", Helvetica, sans-serif !important;font-size:16px;font-weight:bold;\r\n  text-align:left;vertical-align:top}\r\n.tg .tg-dxbu{font-family:\"Trebuchet MS\", Helvetica, sans-serif !important;font-size:16px;text-align:left;vertical-align:top}\r\n.tg .tg-m63y{background-color:#EFEFEF;font-family:\"Trebuchet MS\", Helvetica, sans-serif !important;font-size:16px;text-align:left;\r\n  vertical-align:top}\r\n<\/style>\r\n<table class=\"tg\" style=\"undefined;table-layout: fixed; width: 800px\">\r\n<colgroup>\r\n<col style=\"width: 200px\">\r\n<col style=\"width: 600px\">\r\n<\/colgroup>\r\n<thead>\r\n  <tr>\r\n    <th class=\"tg-ww7x\"><p><\/p>&lt;header&gt; :<\/p><p>header markup<\/p><\/th>\r\n    <th class=\"tg-dxbu\">This new tag defines the header of a document. It's typically used to include the title, logo, main navigation, and other information. This tag helps search engines and browsers better understand the page structure and improves accessibility.<\/th>\r\n  <\/tr>\r\n<\/thead>\r\n<tbody>\r\n  <tr>\r\n    <td class=\"tg-ww7x\"><p>&lt;nav&gt; :<\/p><p><\/p>navigation<\/p><\/td>\r\n    <td class=\"tg-m63y\"><span style=\"font-style:normal;text-decoration:none;color:#000;background-color:transparent\">This element is used to wrap the main navigation of a document, grouping menus, lists of links, or navigation bars. This makes it easier to distinguish navigation from other elements on the page.<\/span><\/td>\r\n  <\/tr>\r\n  <tr>\r\n    <td class=\"tg-ww7x\"><p>&lt;section&gt; :<\/p><p>semantic division<\/p><\/td>\r\n    <td class=\"tg-m63y\"><span style=\"font-style:normal;text-decoration:none;color:#000;background-color:transparent\">It allows for dividing a web page into thematic sections or groups of content. This facilitates logical organization of content and makes the structure clearer for developers and readers using assistive technologies.<\/span><\/td>\r\n  <\/tr>\r\n  <tr>\r\n    <td class=\"tg-ww7x\"><p>&lt;article&gt; :<\/p><p>independent content<\/p><\/td>\r\n    <td class=\"tg-m63y\"><span style=\"font-style:normal;text-decoration:none;color:#000;background-color:transparent\">It's used to encapsulate independent and standalone content. This can include blog articles, news, comments, etc.<\/span><\/td>\r\n  <\/tr>\r\n  <tr>\r\n    <td class=\"tg-ww7x\"><p>&lt;footer&gt; :<\/p><p>footer<\/p><\/td>\r\n    <td class=\"tg-m63y\"><span style=\"font-style:normal;text-decoration:none;color:#000;background-color:transparent\">This new element is used to define the footer of a document or section. It typically contains information such as contact details, copyright, credits, etc.<\/span><\/td>\r\n  <\/tr>\r\n<\/tbody>\r\n<\/table>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e925f5 e-con-full e-flex e-con\" data-id=\"9e925f5\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4487bf1 elementor-widget elementor-widget-heading\" data-id=\"4487bf1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">What are the forms for?<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1230000 elementor-widget elementor-widget-text-editor\" data-id=\"1230000\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>They are an essential element of many websites. They allow <a href=\"https:\/\/datascientest.com\/en\/python-the-most-popular-language\">users to interact with many elements and submit information.<\/a><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b864bb elementor-widget elementor-widget-html\" data-id=\"8b864bb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style type=\"text\/css\">\r\n.tg  {border-collapse:collapse;border-spacing:0;}\r\n.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\r\n  overflow:hidden;padding:10px 5px;word-break:normal;}\r\n.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\r\n  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}\r\n.tg .tg-b6bf{background-color:#D9D9D9;font-family:\"Trebuchet MS\", Helvetica, sans-serif !important;font-size:16px;font-weight:bold;\r\n  text-align:left;vertical-align:top}\r\n.tg .tg-m63y{background-color:#EFEFEF;font-family:\"Trebuchet MS\", Helvetica, sans-serif !important;font-size:16px;text-align:left;\r\n  vertical-align:top}\r\n<\/style>\r\n<table class=\"tg\" style=\"undefined;table-layout: fixed; width: 800px\">\r\n<colgroup>\r\n<col style=\"width: 200px\">\r\n<col style=\"width: 600px\">\r\n<\/colgroup>\r\n<thead>\r\n  <tr>\r\n    <th class=\"tg-b6bf\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">Input Types<\/span><\/th>\r\n    <th class=\"tg-m63y\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">New input types have been implemented ('<\/span><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">email<\/span><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">', '<\/span><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">url<\/span><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">', '<\/span><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">number<\/span><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">', etc) allowing browsers to automatically validate user-entered data and provide an appropriate message if the information is incorrect.<\/span><\/th>\r\n  <\/tr>\r\n<\/thead>\r\n<tbody>\r\n  <tr>\r\n    <td class=\"tg-b6bf\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">Validation Attributes<\/span><\/td>\r\n    <td class=\"tg-m63y\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">HTML5 introduced new validation attributes to constrain user-entered data. For example, the 'required' attribute indicates that the field is mandatory for form submission.<\/span><\/td>\r\n  <\/tr>\r\n  <tr>\r\n    <td class=\"tg-b6bf\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">Client-Side Validation<\/span><\/td>\r\n    <td class=\"tg-m63y\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">Previously, validation often involved using JavaScript, but with HTML5, modern browsers can automatically validate forms.<\/span><\/td>\r\n  <\/tr>\r\n  <tr>\r\n    <td class=\"tg-b6bf\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">Autocomplete<\/span><\/td>\r\n    <td class=\"tg-m63y\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">HTML5 can allow the user to fill out forms based on previously entered information.<\/span><\/td>\r\n  <\/tr>\r\n  <tr>\r\n    <td class=\"tg-b6bf\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">Form Controls<\/span><\/td>\r\n    <td class=\"tg-m63y\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">Forms now enhance the user experience with new controls, like 'datalist' which provides automatic suggestions while typing.<\/span><\/td>\r\n  <\/tr>\r\n<\/tbody>\r\n<\/table>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba54d04 elementor-align-center button-principale elementor-widget elementor-widget-button\" data-id=\"ba54d04\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/datascientest.com\/en\/data-courses\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn to use HTML5<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f48c1b e-flex e-con-boxed e-con\" data-id=\"0f48c1b\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-777ba1a elementor-widget elementor-widget-heading\" data-id=\"777ba1a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">HTML5 and the media<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4825cb0 elementor-widget elementor-widget-text-editor\" data-id=\"4825cb0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Significant advances have been made in the integration and manipulation of media on websites.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc0891c elementor-widget elementor-widget-html\" data-id=\"dc0891c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style type=\"text\/css\">\r\n.tg  {border-collapse:collapse;border-spacing:0;}\r\n.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\r\n  overflow:hidden;padding:10px 5px;word-break:normal;}\r\n.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\r\n  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}\r\n.tg .tg-b6bf{background-color:#D9D9D9;font-family:\"Trebuchet MS\", Helvetica, sans-serif !important;font-size:16px;font-weight:bold;\r\n  text-align:left;vertical-align:top}\r\n.tg .tg-m63y{background-color:#EFEFEF;font-family:\"Trebuchet MS\", Helvetica, sans-serif !important;font-size:16px;text-align:left;\r\n  vertical-align:top}\r\n<\/style>\r\n<table class=\"tg\" style=\"undefined;table-layout: fixed; width: 800px\">\r\n<colgroup>\r\n<col style=\"width: 200px\">\r\n<col style=\"width: 600px\">\r\n<\/colgroup>\r\n<thead>\r\n  <tr>\r\n    <th class=\"tg-b6bf\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">Video Integration<\/span><\/th>\r\n    <th class=\"tg-m63y\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">HTML5 introduces the <\/span><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">&lt;video&gt;<\/span><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent\"> element which allows embedding videos directly into web pages without the need for external plugins like Flash.<\/span><\/th>\r\n  <\/tr>\r\n<\/thead>\r\n<tbody>\r\n  <tr>\r\n    <td class=\"tg-b6bf\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">Audio Integration<\/span><\/td>\r\n    <td class=\"tg-m63y\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">Similar to the previous element, <\/span><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">&lt;audio&gt;<\/span><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent\"> allows direct embedding of audio tracks into web pages.<\/span><\/td>\r\n  <\/tr>\r\n  <tr>\r\n    <td class=\"tg-b6bf\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">Chart Creation<\/span><\/td>\r\n    <td class=\"tg-m63y\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">The <\/span><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">&lt;canvas&gt;<\/span><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent\"> element allows manipulation of charts, animations, and dynamic rendering using JavaScript.<\/span><\/td>\r\n  <\/tr>\r\n<\/tbody>\r\n<\/table>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e81013 elementor-widget elementor-widget-text-editor\" data-id=\"0e81013\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Other features such as the <a href=\"https:\/\/datascientest.com\/en\/api-rest-what-is-it-whats-it-for\">Media API<\/a> and the &lt;track&gt; element also enable richer management of media integrated into websites.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb223e5 e-flex e-con-boxed e-con\" data-id=\"bb223e5\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66e1e39 elementor-widget elementor-widget-heading\" data-id=\"66e1e39\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Other advanced functions<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5aa5b18 elementor-widget elementor-widget-text-editor\" data-id=\"5aa5b18\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>In addition to the improvements we&#8217;ve just mentioned, HTML5 also offers some interesting features:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce3465e elementor-widget elementor-widget-html\" data-id=\"ce3465e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style type=\"text\/css\">\r\n.tg  {border-collapse:collapse;border-spacing:0;}\r\n.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\r\n  overflow:hidden;padding:10px 5px;word-break:normal;}\r\n.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;\r\n  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}\r\n.tg .tg-b6bf{background-color:#D9D9D9;font-family:\"Trebuchet MS\", Helvetica, sans-serif !important;font-size:16px;font-weight:bold;\r\n  text-align:left;vertical-align:top}\r\n.tg .tg-m63y{background-color:#EFEFEF;font-family:\"Trebuchet MS\", Helvetica, sans-serif !important;font-size:16px;text-align:left;\r\n  vertical-align:top}\r\n<\/style>\r\n<table class=\"tg\" style=\"undefined;table-layout: fixed; width: 800px\">\r\n<colgroup>\r\n<col style=\"width: 200px\">\r\n<col style=\"width: 600px\">\r\n<\/colgroup>\r\n<thead>\r\n  <tr>\r\n    <th class=\"tg-b6bf\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">Local Storage<\/span><\/th>\r\n    <th class=\"tg-m63y\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">HTML5 introduces local storage APIs that allow websites to store data locally on the user's browser. This provides an alternative to cookies for persistent data storage.<\/span><\/th>\r\n  <\/tr>\r\n<\/thead>\r\n<tbody>\r\n  <tr>\r\n    <td class=\"tg-b6bf\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">Connectivity<\/span><\/td>\r\n    <td class=\"tg-m63y\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">The WebSocket API is a feature that enables bidirectional real-time communication between the client and the server. Unlike traditional HTTP calls, this opens the door to real-time web applications such as chat rooms, dashboards, multiplayer games, etc.<\/span><\/td>\r\n  <\/tr>\r\n  <tr>\r\n    <td class=\"tg-b6bf\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">Geolocation<\/span><\/td>\r\n    <td class=\"tg-m63y\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent\">The Geolocation API allows websites to access the user's geographical position via the browser.<\/span><\/td>\r\n  <\/tr>\r\n<\/tbody>\r\n<\/table>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28df131 e-flex e-con-boxed e-con\" data-id=\"28df131\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-986a8e5 elementor-widget elementor-widget-heading\" data-id=\"986a8e5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Conclusion<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a83be32 elementor-widget elementor-widget-text-editor\" data-id=\"a83be32\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><strong>HTML5<\/strong> has revolutionized the way websites are designed today. Modern websites are now much more dynamic and aesthetically pleasing, which was previously impossible with older versions of HTML.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c36267 elementor-align-center button-principale elementor-widget elementor-widget-button\" data-id=\"0c36267\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/datascientest.com\/en\/data-courses\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Start your HTML5 training<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe836e0 e-flex e-con-boxed e-con\" data-id=\"fe836e0\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17ed9a2 elementor-widget elementor-widget-html\" data-id=\"17ed9a2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"The evolution of basic tags in HTML5\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"HTML5 has drastically evolved the basic tags of an HTML document. These semantic tags provide a clearer and more meaningful structure to the content of a web page, thereby improving accessibility, indexing by search engines and overall understanding of the document.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"What are forms for?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"They're an essential part of many websites. They allow users to interact with many elements and submit information.\"\n    }\n  }]\n}\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Web development is constantly evolving. Because of this, HTML5 occupies a prominent place as a fundamental and unavoidable language. Since its official introduction on October 28, 2014, HTML5 has revolutionized the way websites are created and offers a host of advanced features that enhance the user experience. L\u2019\u00e9volution des balises de base dans HTML5 HTML5 [&hellip;]<\/p>\n","protected":false},"author":67,"featured_media":180163,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"content-type":"","inline_featured_image":false},"categories":[2421],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.7 (Yoast SEO v21.7) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML5: What is it? Complete guide<\/title>\n<meta name=\"description\" content=\"Dive into the world of HTML5 with this complete guide, covering everything from its basics to advanced features, such as...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML5: What is it? Complete guide\" \/>\n<meta property=\"og:description\" content=\"Web development is constantly evolving. Because of this, HTML5 occupies a prominent place as a fundamental and unavoidable language. Since its official\" \/>\n<meta property=\"og:url\" content=\"https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide\" \/>\n<meta property=\"og:site_name\" content=\"Data Science Courses | DataScientest\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataScientestEN\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-05T22:32:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-25T22:49:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/datascientest.com\/en\/files\/2024\/06\/HTML_5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"562\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Melanie\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@DataScientest__\" \/>\n<meta name=\"twitter:site\" content=\"@DataScientest__\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Melanie\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide#article\",\"isPartOf\":{\"@id\":\"https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide\"},\"author\":{\"name\":\"Melanie\",\"@id\":\"https:\/\/datascientest.com\/en\/#\/schema\/person\/19d5f7ade9407eb69af3bf6d1ae1731d\"},\"headline\":\"HTML5: What is it? Complete guide\",\"datePublished\":\"2024-06-05T22:32:54+00:00\",\"dateModified\":\"2024-02-25T22:49:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide\"},\"wordCount\":630,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/datascientest.com\/en\/#organization\"},\"articleSection\":[\"Dev\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/datascientest.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide\",\"url\":\"https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide\",\"name\":\"HTML5: What is it? Complete guide\",\"isPartOf\":{\"@id\":\"https:\/\/datascientest.com\/en\/#website\"},\"datePublished\":\"2024-06-05T22:32:54+00:00\",\"dateModified\":\"2024-02-25T22:49:46+00:00\",\"description\":\"Dive into the world of HTML5 with this complete guide, covering everything from its basics to advanced features, such as...\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/datascientest.com\/en\/#website\",\"url\":\"https:\/\/datascientest.com\/en\/\",\"name\":\"Data Science Courses | DataScientest\",\"description\":\"Leader in Data Science Courses\",\"publisher\":{\"@id\":\"https:\/\/datascientest.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/datascientest.com\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/datascientest.com\/en\/#organization\",\"name\":\"DataScientest\",\"url\":\"https:\/\/datascientest.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/datascientest.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/datascientest.com\/en\/wp-content\/blogs.dir\/9\/files\/2024\/02\/DataScientest_icon_blue-2.png\",\"contentUrl\":\"https:\/\/datascientest.com\/en\/wp-content\/blogs.dir\/9\/files\/2024\/02\/DataScientest_icon_blue-2.png\",\"width\":301,\"height\":301,\"caption\":\"DataScientest\"},\"image\":{\"@id\":\"https:\/\/datascientest.com\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/DataScientestEN\",\"https:\/\/twitter.com\/DataScientest__\",\"https:\/\/www.linkedin.com\/school\/datascientest\/mycompany\/\",\"https:\/\/www.tiktok.com\/@datascientest\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/datascientest.com\/en\/#\/schema\/person\/19d5f7ade9407eb69af3bf6d1ae1731d\",\"name\":\"Melanie\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/datascientest.com\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8d3d660a0698de06f13ecf4823519da1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8d3d660a0698de06f13ecf4823519da1?s=96&d=mm&r=g\",\"caption\":\"Melanie\"},\"url\":\"https:\/\/datascientest.com\/en\/author\/melaniekrause\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"HTML5: What is it? Complete guide","description":"Dive into the world of HTML5 with this complete guide, covering everything from its basics to advanced features, such as...","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:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide","og_locale":"en_GB","og_type":"article","og_title":"HTML5: What is it? Complete guide","og_description":"Web development is constantly evolving. Because of this, HTML5 occupies a prominent place as a fundamental and unavoidable language. Since its official","og_url":"https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide","og_site_name":"Data Science Courses | DataScientest","article_publisher":"https:\/\/www.facebook.com\/DataScientestEN","article_published_time":"2024-06-05T22:32:54+00:00","article_modified_time":"2024-02-25T22:49:46+00:00","og_image":[{"width":1024,"height":562,"url":"https:\/\/datascientest.com\/en\/files\/2024\/06\/HTML_5.png","type":"image\/png"}],"author":"Melanie","twitter_card":"summary_large_image","twitter_creator":"@DataScientest__","twitter_site":"@DataScientest__","twitter_misc":{"Written by":"Melanie","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide#article","isPartOf":{"@id":"https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide"},"author":{"name":"Melanie","@id":"https:\/\/datascientest.com\/en\/#\/schema\/person\/19d5f7ade9407eb69af3bf6d1ae1731d"},"headline":"HTML5: What is it? Complete guide","datePublished":"2024-06-05T22:32:54+00:00","dateModified":"2024-02-25T22:49:46+00:00","mainEntityOfPage":{"@id":"https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide"},"wordCount":630,"commentCount":0,"publisher":{"@id":"https:\/\/datascientest.com\/en\/#organization"},"articleSection":["Dev"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/datascientest.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide","url":"https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide","name":"HTML5: What is it? Complete guide","isPartOf":{"@id":"https:\/\/datascientest.com\/en\/#website"},"datePublished":"2024-06-05T22:32:54+00:00","dateModified":"2024-02-25T22:49:46+00:00","description":"Dive into the world of HTML5 with this complete guide, covering everything from its basics to advanced features, such as...","inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/datascientest.com\/en\/html5-what-is-it-complete-guide"]}]},{"@type":"WebSite","@id":"https:\/\/datascientest.com\/en\/#website","url":"https:\/\/datascientest.com\/en\/","name":"Data Science Courses | DataScientest","description":"Leader in Data Science Courses","publisher":{"@id":"https:\/\/datascientest.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/datascientest.com\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/datascientest.com\/en\/#organization","name":"DataScientest","url":"https:\/\/datascientest.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/datascientest.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/datascientest.com\/en\/wp-content\/blogs.dir\/9\/files\/2024\/02\/DataScientest_icon_blue-2.png","contentUrl":"https:\/\/datascientest.com\/en\/wp-content\/blogs.dir\/9\/files\/2024\/02\/DataScientest_icon_blue-2.png","width":301,"height":301,"caption":"DataScientest"},"image":{"@id":"https:\/\/datascientest.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataScientestEN","https:\/\/twitter.com\/DataScientest__","https:\/\/www.linkedin.com\/school\/datascientest\/mycompany\/","https:\/\/www.tiktok.com\/@datascientest"]},{"@type":"Person","@id":"https:\/\/datascientest.com\/en\/#\/schema\/person\/19d5f7ade9407eb69af3bf6d1ae1731d","name":"Melanie","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/datascientest.com\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8d3d660a0698de06f13ecf4823519da1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8d3d660a0698de06f13ecf4823519da1?s=96&d=mm&r=g","caption":"Melanie"},"url":"https:\/\/datascientest.com\/en\/author\/melaniekrause"}]}},"_links":{"self":[{"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/posts\/180161"}],"collection":[{"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/users\/67"}],"replies":[{"embeddable":true,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/comments?post=180161"}],"version-history":[{"count":0,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/posts\/180161\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/media\/180163"}],"wp:attachment":[{"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/media?parent=180161"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/categories?post=180161"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/tags?post=180161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}