{"id":45,"date":"2024-05-20T14:16:34","date_gmt":"2024-05-20T12:16:34","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=45"},"modified":"2024-05-20T21:53:37","modified_gmt":"2024-05-20T19:53:37","slug":"01-introduccion-a-html5","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/html5\/html5-manual\/01-introduccion-a-html5\/","title":{"rendered":"01. Introducci\u00f3n a HTML5"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Cuando&nbsp;<strong>Tim Berners-Lee<\/strong>&nbsp;public\u00f3 la primera p\u00e1gina web a finales de 1990 en el&nbsp;<strong>CERN<\/strong>, la web era muy distinta a como se conoce en la actualidad. Las p\u00e1ginas web s\u00f3lo ten\u00edan texto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En los 25 a\u00f1os de historia de la web,&nbsp;<strong>HTML<\/strong>, el lenguaje de marcado o etiquetado que se emplea para crear las p\u00e1ginas web ha evolucionado poco a poco y se han ido desarrollando sucesivas versiones.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A la versi\u00f3n inicial del lenguaje se a\u00f1adieron nuevas caracter\u00edsticas como las&nbsp;<strong>im\u00e1genes<\/strong>, las&nbsp;<strong>tablas<\/strong>&nbsp;o los&nbsp;<strong>marcos<\/strong>&nbsp;que permit\u00edan dividir las p\u00e1ginas web en varias partes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Las p\u00e1ginas web fueron evolucionando y cada vez conten\u00edan m\u00e1s&nbsp;<strong>im\u00e1genes<\/strong>. Los dise\u00f1adores gr\u00e1ficos se incorporaron al desarrollo de las p\u00e1ginas web y se desarroll\u00f3 una nueva disciplina: el&nbsp;<strong>dise\u00f1o web<\/strong>. Adem\u00e1s, los&nbsp;<strong>navegadores web<\/strong>, cada vez eran m\u00e1s potentes y las conexiones Internet m\u00e1s r\u00e1pidas, as\u00ed que, las p\u00e1ginas web cada vez mostraban m\u00e1s informaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Durante los primeros cinco a\u00f1os la web s\u00f3lo serv\u00eda para leer, para consumir contenidos\u2026 no exist\u00eda mucha interacci\u00f3n con las p\u00e1ginas web. Sin embargo, cuando se a\u00f1adieron los&nbsp;<strong>formularios<\/strong>&nbsp;la web comenz\u00f3 a cambiar. Los&nbsp;<strong>formularios<\/strong>&nbsp;permit\u00edan un mayor grado de interacci\u00f3n entre el usuario y las p\u00e1ginas web. Adem\u00e1s, el lenguaje&nbsp;<strong>HTML&nbsp;<\/strong>incorpor\u00f3 la posibilidad de a\u00f1adir nuevos tipos de contenidos a las p\u00e1ginas web como&nbsp;<strong>audio<\/strong>,&nbsp;<strong>v\u00eddeo<\/strong>&nbsp;o&nbsp;<strong>animaciones<\/strong>&nbsp;y, los navegadores web se volvieron m\u00e1s r\u00e1pidos y m\u00e1s potentes. Todo ello ayud\u00f3 a que las&nbsp;<strong>p\u00e1ginas web<\/strong>&nbsp;se transformar\u00e1n en&nbsp;<strong>aplicaciones web<\/strong>, en ingl\u00e9s,&nbsp;<strong>Web Apps<\/strong>, que permiten realizar a trav\u00e9s de una p\u00e1gina web las mismas tareas que tradicionalmente se realizaban mediante un software instalado en un ordenador partir de un CD-ROM.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hoy en d\u00eda, a trav\u00e9s de una&nbsp;<strong>p\u00e1gina web<\/strong>&nbsp;podemos enviar correos electr\u00f3nicos, jugar a juegos, editar fotograf\u00edas, ver v\u00eddeos o incluso editarlos, todo ello a trav\u00e9s de una&nbsp;<strong>p\u00e1gina web<\/strong>. Una de las principales ventajas de las&nbsp;<strong>aplicaciones web<\/strong>&nbsp;es que no necesitan actualizarse por parte del usuario final. Cada vez que un usuario visita una&nbsp;<strong>aplicaci\u00f3n web<\/strong>&nbsp;est\u00e1 haciendo uso de la \u00faltima versi\u00f3n disponible.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Otra ventaja importante de las&nbsp;<strong>aplicaciones web<\/strong>&nbsp;es la independencia de dispositivo, que permite que dichas aplicaciones puedan ser usadas desde cualquier dispositivo que disponga de un&nbsp;<strong>navegador web<\/strong>, como un&nbsp;<strong>ordenador<\/strong>, una&nbsp;<strong>tablet<\/strong>&nbsp;o un&nbsp;<strong>tel\u00e9fono m\u00f3vil<\/strong>. Esto se logra con la adaptaci\u00f3n de las&nbsp;<strong>aplicaciones web<\/strong>&nbsp;al dispositivo en el que se est\u00e1 ejecutando en cada momento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Otra ventaja importante es la&nbsp;<strong>ubicuidad<\/strong>. A las aplicaciones web se puede acceder y trabajar con la misma informaci\u00f3n desde cualquier sitio, por ejemplo, desde el ordenador del trabajo, desde el ordenador de casa o desde el tel\u00e9fono m\u00f3vil. Esta ventaja de las&nbsp;<strong>aplicaciones web<\/strong>&nbsp;se resume en el concepto de&nbsp;<strong>computaci\u00f3n en la nube<\/strong>&nbsp;o&nbsp;<strong>cloud computing<\/strong>, que va a hacer que el concepto de ordenador personal desaparezca en breve, porque cualquier ordenador o cualquier dispositivo se comportar\u00e1 como si fuera nuestro ordenador personal.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Las&nbsp;<strong>aplicaciones web<\/strong>&nbsp;son complejas de desarrollar ya que hace falta poseer conocimientos de&nbsp;<strong>programaci\u00f3n<\/strong>&nbsp;y de manejo de&nbsp;<strong>base de datos<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ya por \u00faltimo recientemente ha aparecido el concepto de&nbsp;<strong>mercado de aplicaciones web<\/strong>, un repositorio en el que se pueden publicar&nbsp;<strong>aplicaciones web<\/strong>, para que sean usadas por otras personas. Dos de los mercados m\u00e1s populares son, el&nbsp;<strong>Google Chrome Web Store<\/strong>&nbsp;y el&nbsp;<strong>Firefox marketplace<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cuando&nbsp;Tim Berners-Lee&nbsp;public\u00f3 la primera p\u00e1gina web a finales de 1990 en el&nbsp;CERN, la web era muy distinta a como se conoce en&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":41,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"Cuando&nbsp;Tim Berners-Lee&nbsp;public\u00f3 la primera p\u00e1gina web a finales de 1990 en el&nbsp;CERN, la web era muy distinta a como se conoce en...","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":1,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/45\/revisions\/46"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/41"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}