Este documento presenta un manual sobre HTML5 en español. Explica las principales mejoras de HTML5 como nuevos elementos semánticos como <section>, <article>, <aside>, <header>, <nav> y <footer> que mejoran la estructura de las páginas web. También describe nuevas características para formularios, multimedia con <audio> y <video>, y la detección de soporte para HTML5 usando Modernizr.
Este documento presenta una introducción a HTML5. Resume la historia de HTML5 y su desarrollo, destaca las nuevas características como etiquetas semánticas, audio y video nativos, canvas, y mejoras en formularios. También cubre compatibilidad de navegadores y recursos adicionales para aprender más sobre HTML5.
Este documento proporciona una introducción a HTML5, describiendo qué es y qué no es, las mejoras realizadas en HTML5 como nuevos elementos semánticos como <section>, <aside>, <article>, <header>, <nav> y <footer>. También describe nuevos elementos como <video>, <audio>, <canvas> y <svg>, así como mejoras en los inputs. Explica cómo empezar a usar HTML5 con compatibilidad en navegadores antiguos usando Modernizr, HTML5 Enabling Script e IE-CSS3.
Conceptos Fundamentales sobre HTML5:
- Definición
- Historia
- Etiquetas Nuevas
- Etiquetas Eliminadas
- Doctype
- Etiqueta HTML
- Encabezado
- La Codificación
- Nueva Organización del Sitio
- Incorporar Video
- Otras Características
- Validación de HTML5
- Soporte De Los Navegadores
- Referencias
El documento describe las etiquetas semánticas introducidas en HTML5 para estructurar el contenido de una página web de una manera más clara y significativa. Las nuevas etiquetas incluyen <header>, <main>, <nav>, <section>, <article>, <aside> y <footer>, las cuales pueden usarse para dividir la página en diferentes secciones como encabezados, navegación, contenido principal, artículos y más. El documento también incluye ejemplos de cómo estas etiquetas pueden combinarse para definir la estructura general de una pá
Conociendo las novedades, ventajas y nuevos elementos que nos ofrece esta versión de HTML.
Fotos: https://www.facebook.com/media/set/?set=a.601422266572455.1073741831.519082574806425&type=1&l=0930432fd8
HTML5 será el nuevo estándar de HTML que está siendo desarrollado conjuntamente por el W3C y la WHATWG. HTML5 incluye nuevos elementos para video, audio, almacenamiento local y gráficos, así como nuevos controles de formulario. Aunque todavía no es un estándar oficial, los principales navegadores ya soportan muchas características de HTML5.
HTML5 es la respuesta de ingenieros y especialistas de empresas y organizaciones tecnológicas dedicadas a la web, quienes propusieron un estándar acorde a los nuevos tiempos y necesidades. Hoy en día, HTML5 está en vías de convertirse en un estándar oficial y es la punta del iceberg de un conjunto de tecnologías de web abierta destinadas a revolucionar la forma en que se construyen sitios y aplicaciones web.
Curso de introducción a HTML5 y CSS3 impartido el 1 junio de 2012 a clientes de Paradigma Tecnológico
http://www.paradigmatecnologico.com/blog/curso-de-html5-y-css3/
Este documento presenta una introducción a HTML5. Resume la historia de HTML5 y su desarrollo, destaca las nuevas características como etiquetas semánticas, audio y video nativos, canvas, y mejoras en formularios. También cubre compatibilidad de navegadores y recursos adicionales para aprender más sobre HTML5.
Este documento proporciona una introducción a HTML5, describiendo qué es y qué no es, las mejoras realizadas en HTML5 como nuevos elementos semánticos como <section>, <aside>, <article>, <header>, <nav> y <footer>. También describe nuevos elementos como <video>, <audio>, <canvas> y <svg>, así como mejoras en los inputs. Explica cómo empezar a usar HTML5 con compatibilidad en navegadores antiguos usando Modernizr, HTML5 Enabling Script e IE-CSS3.
Conceptos Fundamentales sobre HTML5:
- Definición
- Historia
- Etiquetas Nuevas
- Etiquetas Eliminadas
- Doctype
- Etiqueta HTML
- Encabezado
- La Codificación
- Nueva Organización del Sitio
- Incorporar Video
- Otras Características
- Validación de HTML5
- Soporte De Los Navegadores
- Referencias
El documento describe las etiquetas semánticas introducidas en HTML5 para estructurar el contenido de una página web de una manera más clara y significativa. Las nuevas etiquetas incluyen <header>, <main>, <nav>, <section>, <article>, <aside> y <footer>, las cuales pueden usarse para dividir la página en diferentes secciones como encabezados, navegación, contenido principal, artículos y más. El documento también incluye ejemplos de cómo estas etiquetas pueden combinarse para definir la estructura general de una pá
Conociendo las novedades, ventajas y nuevos elementos que nos ofrece esta versión de HTML.
Fotos: https://www.facebook.com/media/set/?set=a.601422266572455.1073741831.519082574806425&type=1&l=0930432fd8
HTML5 será el nuevo estándar de HTML que está siendo desarrollado conjuntamente por el W3C y la WHATWG. HTML5 incluye nuevos elementos para video, audio, almacenamiento local y gráficos, así como nuevos controles de formulario. Aunque todavía no es un estándar oficial, los principales navegadores ya soportan muchas características de HTML5.
HTML5 es la respuesta de ingenieros y especialistas de empresas y organizaciones tecnológicas dedicadas a la web, quienes propusieron un estándar acorde a los nuevos tiempos y necesidades. Hoy en día, HTML5 está en vías de convertirse en un estándar oficial y es la punta del iceberg de un conjunto de tecnologías de web abierta destinadas a revolucionar la forma en que se construyen sitios y aplicaciones web.
Curso de introducción a HTML5 y CSS3 impartido el 1 junio de 2012 a clientes de Paradigma Tecnológico
http://www.paradigmatecnologico.com/blog/curso-de-html5-y-css3/
HTML5 Nuevas Etiquetas Semánticas. Se presentan y describen las nuevas etiquetas del estándar HTML5. Aunque se repasan la mayoría de ellas se hace un mayor énfasis en etiquetas y atributos para formularios.
Este documento presenta un curso sobre las nuevas tecnologías HTML5 y CSS3. Explica la historia y objetivos de HTML5, sus principales características como compatibilidad y nuevos elementos como video, audio, canvas y formularios. También cubre las novedades de HTML5 como nuevos tipos de contenido, elementos estructurales y APIs para el almacenamiento de datos y drag-and-drop. Finalmente, incluye ejemplos prácticos para utilizar estas tecnologías.
Este documento presenta una introducción a HTML5 y CSS3. Explica que HTML5 incluye nuevos elementos semánticos como <header>, <nav>, <article>, <section> y <footer>. También presenta nuevos elementos multimedia como <video> y <audio>. CSS3 incluye nuevas posibilidades para decoración como fondos múltiples, RGBa, text-shadow, box-shadow y transformaciones. El documento recomienda usar prefijos de proveedor y polyfills para mejorar la compatibilidad, y proporciona recursos adicionales para aprender más sobre estas
Este documento presenta una introducción a los lenguajes XHTML y HTML5, así como al lenguaje de hojas de estilos CSS. Explica las principales características y reglas de XHTML, y describe las novedades introducidas en HTML5 como nuevos elementos semánticos, mejoras en formularios, soporte para audio y video, y Canvas. También define los conceptos básicos de CSS como selectores, modelo de caja y formas de incluir hojas de estilo, además de describir las nuevas funcionalidades introducidas en CSS3 como bordes redondeados, sombras
HTML es un lenguaje de marcado que se utiliza para estructurar y presentar el contenido de las páginas web. HTML5 es la quinta versión de este lenguaje y introduce nuevas etiquetas para mejorar la incorporación de multimedia, así como funcionalidades como almacenamiento local y geolocalización. Algunas de las nuevas etiquetas más importantes son <video>, <audio> y <canvas>. HTML5 también busca reducir la dependencia de complementos como Flash.
Nuevas etiquetas HTML5 estructurales por Joaquin Lara Sierra se encuentra bajo una Licencia Creative Commons Atribución-NoComercial-CompartirIgual 2.5 Colombia.Basada en una obra en http://www.ibm.com/developerworks/ssa/web/library/wa-html5structuraltags/.
Cross development - React para desarrolladores de asp.netAlberto Diaz Martin
En esta sesión os contaremos la visión de React para el desarrollo de aplicaciones web desde el punto de vista de un desarrollador de ASP.NET que tiene que aprender a trabajar con estas nuevas tecnologías.
HTML5 es la quinta versión del lenguaje HTML y el nuevo estándar recomendado por la W3C para el desarrollo de páginas web. Introduce nuevas etiquetas para mejorar el contenido multimedia e interactividad, reemplazando el uso de plugins. Algunas de las nuevas etiquetas son <video>, <audio> y <canvas>, permitiendo reproducir estos formatos de manera nativa. HTML5 también mejora la estructuración semántica con etiquetas como <article>, <header> y <footer>.
Introducción a HTML5 para todos los públicos (UTAD, june 2013)Efraim Martinez
A brief introduction to HTML5 at UTAD, june 2013. For all audiences, from business to technical, from customer focused to backoffice.
Una breve introducción a HTML5 en UTAD, junio 2013. Para todos los públicos: técnicos y enfocados a negocio, funciones internas y de relación con el cliente.
Hipervinculos links anclas html href target title etiqueta anoelia alarcon
Este documento explica los hipervínculos o enlaces en HTML. Describe la etiqueta <A> y sus atributos HREF y TITLE para crear enlaces internos, externos y marcadores. También cubre cómo agregar imágenes como enlaces y el uso del atributo TARGET.
Este documento proporciona una introducción a HTML5, incluyendo sus características principales como elementos gráficos y multimedia, geolocalización y capacidad para usar webs offline. También describe algunas de sus aplicaciones como herramientas de dibujo y videoconferencia en el navegador. Se considera una tecnología moderna debido a que reduce la dependencia de plugins como Flash y mejora el rendimiento de los navegadores.
Este documento proporciona una introducción a HTML5, describiendo sus características clave como nuevas etiquetas semánticas, elementos multimedia como video y audio, gráficos vectoriales SVG, almacenamiento local, y nuevos APIs. Explica que HTML5 está destinado a reemplazar HTML 4, XHTML 1 y DOM Nivel 2, y que define la interacción entre etiquetas HTML y JavaScript a través del modelo de objetos del documento. Finalmente, señala que HTML5 ya es compatible en los principales navegadores y ha sido adoptado como el futuro estándar para
MOOCs - disruptive innovation for higher education(rev1)William Hall
This hypertextual presentation relates to a nearly completed hypertext book on the co-evolution of and revolutions in tools humans use and human cognition (see below). Here the author focuses on the probably disruptive impacts of Massive Open Online Course (“MOOC) technologies on today’s educational institutions. The presentation is also constructed as a hypertext, comprised of four parts: (1) an Introduction explaining what disruptive innovations are and why they are important, what constitutes a MOOC, and who provides them; (2) examples of several different MOOCs including demonstrations of how they work transfer knowledge and develop understanding; (3) a review Saylor.org – a nonprofit foundation offering the equivalent of several different four-year college degree programs of courses; and (4) an introduction to the related organizations, Canvas Network – an aggregator offering access to a variety of secondary, tertiary, and practical courses, and Instructure.com – the parent organization that has developed a powerful open source platform for the construction of MOOCs. Disruptive innovations are those that help create new markets and value networks, and eventually go on to disrupt existing markets and value networks, displacing earlier technological paradigms leading to technological revolutions and sometimes even cognitive revolutions. Although only implied in this work, over the next decade or so, the innovations surveyed here will profoundly affect how educational content will be delivered, and may cause a revolution in your thinking about how education (teaching and learning) is delivered – especially in colleges and universities. This is only one of the major disruptive technological innovations in scholarship, teaching, and learning discussed in the author’s project, “Application Holy Wars or a New Reformation – A Fugue on the Theory of Knowledge” to be published by Koroit Institute (http://kororoit.org). It is anticipated that we will soon be seeking crowd funding to make the book available on the Web as a fully functional hypertext.
Introductory Webinar: Getting Diverse Butts...why? The DWC Group_7.11rtemerson
The document discusses a webinar on culturally competent civic engagement. The webinar will provide lessons learned from over 20 years of experience in civic engagement and practical tips. It will also include a scenario-based exercise. The webinar will cover three phases of civic engagement: public positioning and messaging, outreach, and meeting design and facilitation. For each phase, it discusses generalizations about different cultural groups and tips for making civic engagement more culturally competent.
Tp1 collector pipes in siphonic roof drainage systems to incline or not to in...Marc Buitenhuis
The document discusses whether collector pipes in siphonic roof drainage systems should be inclined. It explains that inclining the pipes would delay the priming of the system, as it would result in a less pronounced hydraulic jump at the entrance of the horizontal pipe. This is because the inclined orientation would allow water to decelerate less upon changing from vertical to horizontal flow. Therefore, the document concludes that collector pipes are best installed horizontally for proper siphonic functioning without priming delays.
Canada's tourism industry has grown significantly over the past decades and continues to have potential for growth. In 2010, tourism contributed $73.4 billion to Canada's economy. The Canadian Tourism Commission (CTC) works to market Canada as a tourism destination globally and provides tools and resources to support tourism operators. Their initiatives include digital platforms like Explore Canada Like a Local to showcase local experiences, as well as programs to develop signature tourism experiences across Canada. The CTC aims to work collaboratively with partners to inspire international travelers and continue growing tourism revenues for Canada.
The document presents key findings from the 44th TOP500 list published in November 2014, which ranks the most powerful non-distributed computer systems in the world based on performance on the Linpack benchmark. Some of the main highlights include: China's Tianhe-2 maintained the top spot, delivering a performance of 33.9 PFlops. Overall, the total performance of the TOP500 systems was over 300 petaflops, a 50% increase from the previous year. The US continues to host the largest number of systems, but China is gaining ground with the fastest supercomputers.
The document discusses how a Deferred Sales Trust (DST) can help clients defer capital gains taxes and reduce their overall tax burden when selling highly appreciated assets like homes, businesses, or real estate. A DST allows the seller to defer capital gains taxes until they receive payments from the trust over a chosen period of time. It converts the illiquid asset into a stream of monthly payments that can provide retirement income or be passed down to heirs. Key benefits include tax deferral, estate tax benefits, maintaining family wealth, estate liquidity, and probate avoidance. The DST purchases the asset from the seller via an installment sales agreement, then sells the asset and invests the proceeds to generate the cash flow needed to make payments to
Este documento presenta las notas y frecuentación del primer bimestre del primer semestre de 2011 para la clase 3o F de una escuela en Brasil. Incluye los nombres de los 32 estudiantes y sus calificaciones para cada uno de los meses de febrero, marzo, abril y mayo. La mayoría de los estudiantes asistió a clases todos los días.
The document provides tips and generalizations for various phases of engagement with diverse communities. It suggests being aware of how your process may be perceived and adjusting your practice based on accurate generalizations about cultural differences. This includes considering how messaging, outreach methods, facilitation approaches, and process design need to account for different preferences and histories among target populations to promote inclusion and obtain meaningful participation. The goal is for organizers to authentically understand community perspectives in order to effectively engage diverse groups.
HTML5 Nuevas Etiquetas Semánticas. Se presentan y describen las nuevas etiquetas del estándar HTML5. Aunque se repasan la mayoría de ellas se hace un mayor énfasis en etiquetas y atributos para formularios.
Este documento presenta un curso sobre las nuevas tecnologías HTML5 y CSS3. Explica la historia y objetivos de HTML5, sus principales características como compatibilidad y nuevos elementos como video, audio, canvas y formularios. También cubre las novedades de HTML5 como nuevos tipos de contenido, elementos estructurales y APIs para el almacenamiento de datos y drag-and-drop. Finalmente, incluye ejemplos prácticos para utilizar estas tecnologías.
Este documento presenta una introducción a HTML5 y CSS3. Explica que HTML5 incluye nuevos elementos semánticos como <header>, <nav>, <article>, <section> y <footer>. También presenta nuevos elementos multimedia como <video> y <audio>. CSS3 incluye nuevas posibilidades para decoración como fondos múltiples, RGBa, text-shadow, box-shadow y transformaciones. El documento recomienda usar prefijos de proveedor y polyfills para mejorar la compatibilidad, y proporciona recursos adicionales para aprender más sobre estas
Este documento presenta una introducción a los lenguajes XHTML y HTML5, así como al lenguaje de hojas de estilos CSS. Explica las principales características y reglas de XHTML, y describe las novedades introducidas en HTML5 como nuevos elementos semánticos, mejoras en formularios, soporte para audio y video, y Canvas. También define los conceptos básicos de CSS como selectores, modelo de caja y formas de incluir hojas de estilo, además de describir las nuevas funcionalidades introducidas en CSS3 como bordes redondeados, sombras
HTML es un lenguaje de marcado que se utiliza para estructurar y presentar el contenido de las páginas web. HTML5 es la quinta versión de este lenguaje y introduce nuevas etiquetas para mejorar la incorporación de multimedia, así como funcionalidades como almacenamiento local y geolocalización. Algunas de las nuevas etiquetas más importantes son <video>, <audio> y <canvas>. HTML5 también busca reducir la dependencia de complementos como Flash.
Nuevas etiquetas HTML5 estructurales por Joaquin Lara Sierra se encuentra bajo una Licencia Creative Commons Atribución-NoComercial-CompartirIgual 2.5 Colombia.Basada en una obra en http://www.ibm.com/developerworks/ssa/web/library/wa-html5structuraltags/.
Cross development - React para desarrolladores de asp.netAlberto Diaz Martin
En esta sesión os contaremos la visión de React para el desarrollo de aplicaciones web desde el punto de vista de un desarrollador de ASP.NET que tiene que aprender a trabajar con estas nuevas tecnologías.
HTML5 es la quinta versión del lenguaje HTML y el nuevo estándar recomendado por la W3C para el desarrollo de páginas web. Introduce nuevas etiquetas para mejorar el contenido multimedia e interactividad, reemplazando el uso de plugins. Algunas de las nuevas etiquetas son <video>, <audio> y <canvas>, permitiendo reproducir estos formatos de manera nativa. HTML5 también mejora la estructuración semántica con etiquetas como <article>, <header> y <footer>.
Introducción a HTML5 para todos los públicos (UTAD, june 2013)Efraim Martinez
A brief introduction to HTML5 at UTAD, june 2013. For all audiences, from business to technical, from customer focused to backoffice.
Una breve introducción a HTML5 en UTAD, junio 2013. Para todos los públicos: técnicos y enfocados a negocio, funciones internas y de relación con el cliente.
Hipervinculos links anclas html href target title etiqueta anoelia alarcon
Este documento explica los hipervínculos o enlaces en HTML. Describe la etiqueta <A> y sus atributos HREF y TITLE para crear enlaces internos, externos y marcadores. También cubre cómo agregar imágenes como enlaces y el uso del atributo TARGET.
Este documento proporciona una introducción a HTML5, incluyendo sus características principales como elementos gráficos y multimedia, geolocalización y capacidad para usar webs offline. También describe algunas de sus aplicaciones como herramientas de dibujo y videoconferencia en el navegador. Se considera una tecnología moderna debido a que reduce la dependencia de plugins como Flash y mejora el rendimiento de los navegadores.
Este documento proporciona una introducción a HTML5, describiendo sus características clave como nuevas etiquetas semánticas, elementos multimedia como video y audio, gráficos vectoriales SVG, almacenamiento local, y nuevos APIs. Explica que HTML5 está destinado a reemplazar HTML 4, XHTML 1 y DOM Nivel 2, y que define la interacción entre etiquetas HTML y JavaScript a través del modelo de objetos del documento. Finalmente, señala que HTML5 ya es compatible en los principales navegadores y ha sido adoptado como el futuro estándar para
MOOCs - disruptive innovation for higher education(rev1)William Hall
This hypertextual presentation relates to a nearly completed hypertext book on the co-evolution of and revolutions in tools humans use and human cognition (see below). Here the author focuses on the probably disruptive impacts of Massive Open Online Course (“MOOC) technologies on today’s educational institutions. The presentation is also constructed as a hypertext, comprised of four parts: (1) an Introduction explaining what disruptive innovations are and why they are important, what constitutes a MOOC, and who provides them; (2) examples of several different MOOCs including demonstrations of how they work transfer knowledge and develop understanding; (3) a review Saylor.org – a nonprofit foundation offering the equivalent of several different four-year college degree programs of courses; and (4) an introduction to the related organizations, Canvas Network – an aggregator offering access to a variety of secondary, tertiary, and practical courses, and Instructure.com – the parent organization that has developed a powerful open source platform for the construction of MOOCs. Disruptive innovations are those that help create new markets and value networks, and eventually go on to disrupt existing markets and value networks, displacing earlier technological paradigms leading to technological revolutions and sometimes even cognitive revolutions. Although only implied in this work, over the next decade or so, the innovations surveyed here will profoundly affect how educational content will be delivered, and may cause a revolution in your thinking about how education (teaching and learning) is delivered – especially in colleges and universities. This is only one of the major disruptive technological innovations in scholarship, teaching, and learning discussed in the author’s project, “Application Holy Wars or a New Reformation – A Fugue on the Theory of Knowledge” to be published by Koroit Institute (http://kororoit.org). It is anticipated that we will soon be seeking crowd funding to make the book available on the Web as a fully functional hypertext.
Introductory Webinar: Getting Diverse Butts...why? The DWC Group_7.11rtemerson
The document discusses a webinar on culturally competent civic engagement. The webinar will provide lessons learned from over 20 years of experience in civic engagement and practical tips. It will also include a scenario-based exercise. The webinar will cover three phases of civic engagement: public positioning and messaging, outreach, and meeting design and facilitation. For each phase, it discusses generalizations about different cultural groups and tips for making civic engagement more culturally competent.
Tp1 collector pipes in siphonic roof drainage systems to incline or not to in...Marc Buitenhuis
The document discusses whether collector pipes in siphonic roof drainage systems should be inclined. It explains that inclining the pipes would delay the priming of the system, as it would result in a less pronounced hydraulic jump at the entrance of the horizontal pipe. This is because the inclined orientation would allow water to decelerate less upon changing from vertical to horizontal flow. Therefore, the document concludes that collector pipes are best installed horizontally for proper siphonic functioning without priming delays.
Canada's tourism industry has grown significantly over the past decades and continues to have potential for growth. In 2010, tourism contributed $73.4 billion to Canada's economy. The Canadian Tourism Commission (CTC) works to market Canada as a tourism destination globally and provides tools and resources to support tourism operators. Their initiatives include digital platforms like Explore Canada Like a Local to showcase local experiences, as well as programs to develop signature tourism experiences across Canada. The CTC aims to work collaboratively with partners to inspire international travelers and continue growing tourism revenues for Canada.
The document presents key findings from the 44th TOP500 list published in November 2014, which ranks the most powerful non-distributed computer systems in the world based on performance on the Linpack benchmark. Some of the main highlights include: China's Tianhe-2 maintained the top spot, delivering a performance of 33.9 PFlops. Overall, the total performance of the TOP500 systems was over 300 petaflops, a 50% increase from the previous year. The US continues to host the largest number of systems, but China is gaining ground with the fastest supercomputers.
The document discusses how a Deferred Sales Trust (DST) can help clients defer capital gains taxes and reduce their overall tax burden when selling highly appreciated assets like homes, businesses, or real estate. A DST allows the seller to defer capital gains taxes until they receive payments from the trust over a chosen period of time. It converts the illiquid asset into a stream of monthly payments that can provide retirement income or be passed down to heirs. Key benefits include tax deferral, estate tax benefits, maintaining family wealth, estate liquidity, and probate avoidance. The DST purchases the asset from the seller via an installment sales agreement, then sells the asset and invests the proceeds to generate the cash flow needed to make payments to
Este documento presenta las notas y frecuentación del primer bimestre del primer semestre de 2011 para la clase 3o F de una escuela en Brasil. Incluye los nombres de los 32 estudiantes y sus calificaciones para cada uno de los meses de febrero, marzo, abril y mayo. La mayoría de los estudiantes asistió a clases todos los días.
The document provides tips and generalizations for various phases of engagement with diverse communities. It suggests being aware of how your process may be perceived and adjusting your practice based on accurate generalizations about cultural differences. This includes considering how messaging, outreach methods, facilitation approaches, and process design need to account for different preferences and histories among target populations to promote inclusion and obtain meaningful participation. The goal is for organizers to authentically understand community perspectives in order to effectively engage diverse groups.
The document proposes developing a natural herbal remedy tablet to help ease common side effects of fasting during Ramadan such as hunger, thirst, weakness, and low energy. It notes that over 1.5 billion Muslims fast for Ramadan each year and over half experience side effects. The proposed tablet would be made of natural healing herbs, require no prescription or FDA approval, and come in pill or syrup form for easy use. It presents the product as a way to transform the fasting experience for those struggling and an opportunity for business integration, partnerships, and expanding the brand to other products in future years.
The document provides phrases not to say to a Russian boyfriend and alternative suggestions. It lists 10 phrases to avoid in Russian and English like "Let's talk" or "Aren't they beautiful?" and the typical negative reactions they may cause like irritation or arguing. For each one, it suggests better ways to approach sensitive topics like using "I" statements and allowing your partner to decide on their own timeline.
Thunderbird Online offers GMAT and TOEFL preparation courses to help students succeed on standardized graduate entrance exams. The courses provide video lectures, podcasts, and interactive multimedia activities. Past participants saw significant score improvements, with one student raising their GMAT score by 90 points. Thunderbird is a globally ranked business school known for high-quality online and distance learning programs.
Cali será escenario de Los Juegos Mundiales desde el 25 de julio hasta el 4 de agosto de 2013. La Ceremonia de Inauguración tendrá lugar el 25 de julio, el día en que la ciudad de Cali celebra el 477 aniversario de su fundación.
Los organizadores se preparan para promover la diversidad de los deportes en el mundo, y para lograr un cambio significativo para el país, la región y las ciudades.
El lema para los Juegos Mundiales 2013 es Juego Limpio al Planeta! El Comité Organizador Local se ha comprometido a prestar especial atención al medio ambiente en todas sus acciones.
Adicionando el nuevo lema a los utilizados en la comercialización de Cali como ciudad se genera una fórmula prometedora. La ciudad de Cali, con frecuencia llamada la "Capital Deportiva de América", asegura "Juego Limpio al Planeta!" Durante los Juegos Mundiales 2013. Secretaría del Deporte y Recreación de Cali - Clara Luz Roldán
This flyer advertises a sale on various bag products from Sinoway Promo. Special sale prices are shown in red for items made with "Forest" colors. The flyer lists over 30 different bag styles and provides details like materials, colors, sizes, minimum order quantities, and imprint areas. Sale pricing is provided in a table with discounted prices for higher quantity orders. The sale is valid through June 30, 2012 and products have a 2-3 week turnaround time.
421 672 Management Of Technological Enterprises (2009)William Hall
This document provides an overview of managing knowledge in technological enterprises. It discusses how knowledge is a key resource for such enterprises but is often not properly recognized or managed. Effective knowledge management requires considering how to generate, share, validate, and apply knowledge throughout the organization. It also requires considering the people, processes, and infrastructure involved. The document outlines some common failures of knowledge management that can have serious consequences and provides some approaches to conducting a knowledge management audit and plan.
Critical Issues at Exascale for Algorithm and Software Designtop500
The document discusses critical issues for algorithms and software at exascale, including the need for communication-avoiding and synchronization-reducing algorithms to address the dramatically increased concurrency and costs of data movement. It provides examples of how algorithms like QR factorization can be parallelized using dynamic scheduling of task graphs to reduce synchronization. Mixed precision methods and fault tolerance are also discussed as important considerations for exascale algorithms and software.
Este documento describe los privilegios exclusivos para franquiciados que participen en el programa "Touch the Privileges" de febrero de 2012, incluyendo 7 días con la red móvil global con 2 días de cursos en Singapur, 5 días de vacaciones de lujo en Tailandia, y diferentes niveles de beneficios basados en el rendimiento como bonos de viaje, alojamiento gratuito, pasajes de avión y tarjetas de crédito.
The document discusses the importance of technology for students in a school district. It outlines goals of ensuring students and teachers are up-to-date on technology and implementing a challenging technology curriculum. It also discusses four major topics: the role of technology as a solution not cure; three major uses of computer technology including enhancing professional productivity, automated instruction, and processing/productivity tools; benefits of conversations between teachers and students about technology; and benefits of technology including higher test scores, learning more in less time, enjoying classes more, and improved student self-concept and achievement.
Este documento es un manual sobre HTML5 en español. Explica las principales características y mejoras de HTML5 como nuevos elementos semánticos como <section>, <article>, <aside>, <header>, <footer>, <nav>, mejoras en formularios como nuevos tipos de inputs y atributos como placeholder y autofocus, y nuevos elementos multimedia como <video> y <canvas>.
Este documento es un manual sobre HTML5 en español. Explica las principales características y mejoras que introduce HTML5 con respecto a versiones anteriores, como nuevos elementos semánticos para estructurar contenido, mejoras en formularios e incorporación de multimedia.
Este documento es un manual sobre HTML5 en español escrito por Alejandro Castillo. Explica las principales mejoras de HTML5 como nuevos elementos semánticos como <section>, <article>, <aside>, mejoras en formularios como nuevos tipos de input, y la adición de elementos multimedia como <audio> y <video>. También cubre técnicas para detectar soporte a características de HTML5 y la biblioteca Modernizr.
Este documento presenta una introducción al HTML5, incluyendo sus nuevos elementos semánticos como <section>, <article>, <aside>, <header>, <nav> y <footer> que mejoran la estructura de la página web. También describe mejoras en formularios e inputs, y nuevos elementos como <audio>, <video>, <canvas> y capacidades para aplicaciones sin conexión. Explica técnicas para detectar el soporte del navegador para características de HTML5 y recomienda la biblioteca Modernizr.
Este documento habla sobre HTML5 y el futuro de la web. Explica que HTML5 es un estándar abierto que incluye nuevos elementos, API de desarrollo, y es retrocompatible. También describe los nuevos elementos semánticos como header, nav, article, y section que mejoran la estructura de las páginas web. Además, cubre los nuevos controles de formularios como teléfono, correo, fecha y color, así como las capacidades de audio y video que trae HTML5.
HTML5 es la actualización del lenguaje HTML para crear páginas web. Introduce nuevas etiquetas como <header>, <nav>, <article> y <aside> para mejorar la semántica. También permite incorporar audio, video, gráficos y otras funciones directamente en el navegador sin necesidad de plugins. HTML5 simplifica el desarrollo web para hacer sitios adaptables a diferentes dispositivos.
HTML5 introduce nuevas etiquetas para audio, video, dibujo y validación de formularios, permitiendo insertar estos elementos de forma nativa sin necesidad de plugins. Además, añade nuevas etiquetas semánticas para dividir y estructurar el contenido como cabeceras, navegación, secciones, artículos y pie de página. HTML5 también permite trabajar offline y crear aplicaciones multiplataforma.
Este documento describe las nuevas etiquetas HTML5 como <header>, <nav>, <section>, <article>, <aside> y <footer>. Explica brevemente el propósito de cada etiqueta y los navegadores que las soportan. HTML5 introduce nuevas etiquetas para mejorar la semántica y la estructura del contenido web.
HTML5 es una especificación que combina nuevas etiquetas HTML, CSS3, JavaScript y otras tecnologías para crear páginas web más sofisticadas. Incluye características como geolocalización, almacenamiento web, web workers y web sockets. HTML5 también introduce nuevas etiquetas para la estructura semántica del contenido y elimina etiquetas obsoletas. Permite incorporar vídeo y audio de forma nativa mediante las etiquetas <video> y <audio>.
Este documento proporciona una introducción a HTML5. Explica brevemente la historia y el desarrollo de HTML5, así como algunas de sus principales características nuevas como nuevos elementos semánticos, vídeo, canvas, formularios mejorados y APIs de JavaScript. También cubre temas como las diferencias con HTML4, nuevos tipos de entrada para formularios y validación, y cómo usar polyfills y Modernizr para brindar compatibilidad con navegadores más antiguos.
HTML5 es la última versión del lenguaje HTML y presenta nuevas etiquetas y funcionalidades como etiquetas para audio, video, dibujo y validación de formatos. Algunas de las nuevas etiquetas importantes son <video>, <audio>, <canvas> y <svg>, las cuales permiten incorporar diferentes tipos de multimedia en la página web. HTML5 también introduce nuevas etiquetas semánticas como <header>, <nav>, <section> y <article> para mejorar la estructura y accesibilidad del contenido.
El documento describe la historia y características principales de HTML5. HTML5 define nuevos elementos semánticos como <header>, <nav>, <article>, <section>, <aside>, <footer>, <figure>, <figcaption> y <dialog> para mejorar la estructura y significado del contenido web. También introduce nuevas características multimedia y de almacenamiento local que reducen la dependencia de plugins.
HTML 5 es una nueva versión de HTML que introduce nuevas características como etiquetas para contenido multimedia como video y audio, canvas para gráficos, almacenamiento local y geolocalización. Esto permite el desarrollo de aplicaciones web más avanzadas sin necesidad de plugins. HTML 5 busca mejorar la compatibilidad, predictibilidad y capacidades de los dispositivos a través de estándares abiertos.
Este documento describe la evolución de HTML desde su introducción a principios de los años 90 hasta la actualidad. HTML ha ido cambiando constantemente a medida que se han introducido nuevas características en las especificaciones y versiones de software. Aunque las implementaciones y prácticas han convergido en algunos aspectos, también han divergido en otros. HTML 5 se presenta como el sucesor de HTML y está reemplazando a Flash, al proporcionar compatibilidad con todos los dispositivos a través de etiquetas y características semánticas.
Este documento presenta una introducción a HTML5. Explica brevemente qué es HTML5, su historia y beneficios. Luego describe la nueva estructura básica de HTML5 y algunas de sus nuevas etiquetas semánticas como <header>, <nav>, <section> y <article>. Finalmente, menciona otros nuevos tags como <hgroup>, <time> y <figure>.
HTML5 es una especificación que organiza tres tecnologías clave - HTML, CSS y JavaScript - para crear sitios y aplicaciones web. HTML5 permite desarrollar aplicaciones interactivas que se comportan como nativas sin necesidad de crear versiones separadas para cada plataforma, y define nuevos elementos para estructurar el contenido de manera semántica. Un documento HTML5 típico incluye una cabecera con metadatos y una estructura básica en el cuerpo con elementos como cabecera, navegación, secciones y pie de página para
HTML5 es la última versión del lenguaje HTML. Incorpora nuevos elementos como <video> y <audio> para reproducir contenido multimedia directamente en el navegador sin necesidad de complementos. Sin embargo, su desarrollo ha sido errático, con múltiples versiones propuestas por el W3C que han causado confusión. HTML5 busca resolver problemas antiguos como la reproducción de contenido, aunque su adopción dependerá de la implementación en los navegadores.
HTML5 es la última versión del lenguaje HTML y define nuevos elementos para incorporar contenido multimedia como video y audio sin necesidad de complementos. Su desarrollo ha sido errático con múltiples versiones propuestas que han causado confusión. HTML5 busca resolver problemas antiguos como la reproducción de contenidos y puede significar el fin de complementos como Flash.
Este documento presenta una introducción a las nuevas etiquetas semánticas de HTML5 como <header>, <nav>, <section>, <article>, <aside> y <footer>. Estas etiquetas reemplazan el uso de <div> para darle significado semántico a las diferentes secciones de una página web como la cabecera, navegación, contenido principal, contenido relacionado y pie de página. El documento también incluye un ejemplo de cómo usar estas etiquetas en la estructura básica de un blog construido con HTML5.
HTML5 es la última versión del lenguaje HTML y define nuevos elementos para incorporar contenido multimedia como video y audio sin necesidad de complementos. Su desarrollo ha sido errático con múltiples versiones propuestas que han causado confusión. HTML5 busca resolver problemas antiguos como la reproducción de contenidos y podría significar el fin de complementos como Flash.
Balance Caja de Jubilaciones Pensiones y Retiros de la Provincia de Córdoba ...Córdoba, Argentina
Los Estados Contables tienen por objeto dar a conocer la situación patrimonial y de resultados así como presupuestaria de la institución al cierre de cada ejercicio contable. Brindan información a los beneficiarios, abogados, peritos, auditores, organismos de contralor, y a la sociedad en general.
Entren los principales temas, los informes presentan información relacionada a ingresos por aportes y contribuciones; gasto prestacional y gastos de funcionamiento; fuentes de financiamiento; resultados financieros; fondo complementario, entre otros temas.
Informe de Movilidad / Mayo 2024 / Caja de JubilacionesCórdoba, Argentina
El Informe de Movilidad es una publicación de carácter mensual en la cual se detallan los sectores con reajustados en la liquidación de haberes. Se tratan temas relacionados a haber medio, haber mínimo, ley 10.333 y tope previsional, entre otros. A su vez se efectúa una estimación del impacto financiero que tendrá la movilidad sobre las erogaciones corrientes del sistema previsional.
Promulgado: Ley Integral Para Prevenir, Sancionar y Erradicar La Violencia Co...Baker Publishing Company
El Gobierno de Chile promulgó la Ley para Prevenir, Sancionar y Erradicar la Violencia Contra las Mujeres en Razón de su Género, que fue ingresada durante el segundo gobierno de la presidenta Michelle Bachelet (2017). Esta ley entrega un marco normativo que establece los deberes de los distintos órganos del Estado para enfrentar la violencia contra las mujeres, acorde a los de la “Convención de Belem do Pará“, instrumento internacional que consagró el derecho de las mujeres de vivir una vida libre de violencia. Según destacaron las autoridades, esta normativa cuenta con un mecanismo de supervisión judicial de medidas cautelares para garantizar su cumplimiento y permanencia, mientras que también fortalece el rol de representación jurídica del país. Asimismo, define el concepto de violencia de género y sus distintas expresiones, entre ellas la física, psicológica, sexual, simbólica, económica y gineco-obstétrica.
Promulgado: Ley Integral Para Prevenir, Sancionar y Erradicar La Violencia Co...
Archivo de-educacion
1. Manual de HTML5en español
Manual de HTML5en español
Alejandro Castillo Cantón
Alejandro Castillo | www.theproc.es
2. Manual de HTML5en español
www.theproc.es
PrimeraParte
ElHTML5(HyperText Markup Language,versión 5)esla quinta revisión
del lenguajede programación “básico” de la World WideWeb,el HTML.
Estanuevaversión pretende remplazaral actual (X)HTML,corrigiendo
problemascon losque losdesarrolladoresweb seencuentran,asícomo
rediseñarel código actualizandolo anuevasnecesidadesque demandala
web de hoy en día.
Debido aque estoscambiosafectaranla forma de desarrollar la web en
un futuro inmediato, desdeTheProcess,plantearemosuna seriede
artículosdonde desvelaremosloscambiosmásimportantes.
Actualmente el HTML5estáen un estado BETA,aunque ya algunas
empresasestándesarrollando sussitioswebsen estaversión del
lenguaje.A diferenciade otrasversionesde HTML,loscambiosen HTML5
comienzanañadiendo semánticay accesibilidad implícitas,especificando
cadadetalle y borrando cualquier ambigüedad.Setiene en cuenta el
dinamismo de muchossitioswebs(facebook,twenti, etc),donde su
aspecto y funcionalidad sonmássemejantesaaplicacioneswebsque a
documentos.
Mejor estructura
Actualmente esabusivo el uso de elementosDIVparaestructurar una
web en bloques.ElHTML5nosbrinda varioselementosque perfeccionan
estaestructuración estableciendo qué escadasección,eliminando asíDIV
innecesarios.Estecambio en la semánticahaceque la estructura de la
web seamáscoherente y fácil de entender por otraspersonasy los
navegadorespodrán darle másimportanciaasegún qué seccionesde la
web facilitándole ademásla tareaalosbuscadores,asícomo cualquier
otra aplicación que interprete sitiosweb. Laswebssedividirán en los
siguienteselementos:
• <section></section> - Seutilizapararepresentaruna sección
“general” dentro de un documento o aplicación,como un capítulo
de un libro. Puedecontener subseccionesy silo acompañamosde
h1-h6 podemosestructurar mejor toda la páginacreando
jerarquíasdel contenido, algo mu favorable parael buen
posicionamiento web.
Alejandro Castillo | www.theproc.es
3. Manual de HTML5en español
• <article></article> - Elelemento de artículo representaun
componente de una páginaque consisteen una composición
autónoma en un documento, página,aplicación,o sitio web con la
intención de que puedaserreutilizado y repetido. Podríautilizarse
en losartículosde losforos,una revistao el artículo de periódico,
una entradade un blog, un comentario escrito por un usuario,un
widget interactivo o gadget, o cualquier otro artículo
independiente de contenido.
Cuando loselementosde <article> son anidados,loselementos
de <article> interioresrepresentan losartículosque en principio
son relacionadoscon el contenido del artículo externo.Por
ejemplo,un artículo de un blog que permite comentariosde
usuario,dichoscomentariossepodrían representarcon <article>.
• <aside></aside> - Representauna sección de la página que
abarcaun contenido tangencialmente relacionado con el
contenido que lo rodea,por lo que sele puede considerarun
contenido independiente.Esteelemento puede utilizarsepara
efectostipográficos,barraslaterales,elementospublicitarios,para
gruposde elementosde la navegación,u otro contenido que se
considereseparadodel contenido principal de la página.
• <header></header> - Elemento <header> representaun grupo
de artículosintroductorioso de navegación.
• <nav></nav> - Elelemento <nav> representauna sección de
una página que esun link aotraspáginaso apartesdentro de la
página:una sección con linksde navegación.
No todoslosgruposde enlacesen una página tienen que estaren
un elemento <nav>,sólo lasseccionesque consisten en bloques
principalesde la navegación son apropiadasparaserutilizadas
con el elemento <nav>.Puedeutilizarseparticularmente en el pie
de página paratener un menú con un listado de enlacesavarias
páginasde un sitio, como el Copyright; home page,políticade uso
y privacidad.No obstante,el elemento <footer> esplenamente
suficiente sin necesidadde tener un elemento <nav>.
• <footer></footer> - Elelemento <footer> representael pié de
una sección,con información acercade la página/sección que
poco tiene que ver con el contenido de la página,como el autor, el
copyright o el año.
Alejandro Castillo | www.theproc.es
4. Manual de HTML5en español
Diferenciasentre HTMLy HTML5
Mejorasen losformularios
Elelemento input adquieregran relevanciaal ampliarseloselementos
que sepermitiran en el “type”.
• <input type="search"> paracajasde búsqueda.
• <input type="number"> paraadicionar o restarnúmeros
mediante botones.
• <input type="range"> paraseleccionarun valor entre dosvalores
predeterminados.
• <input type="color"> seleccionarun color.
• <input type="tel"> númerostelefónicos.
• <input type="url"> direccionesweb.
• <input type="email"> direccionesde email.
Alejandro Castillo | www.theproc.es
5. Manual de HTML5en español
• <input type="date"> paraseleccionarun díaen un calendario.
• <input type="month"> parameses.
• <input type="week"> parasemanas.
• <input type="time"> parafechas.
• <input type="datetime"> parauna fechaexacta,absoluta y
tiempo.
• <input type="datetime-local"> parafechaslocalesy frecuencia.
Otroselementosmuy interesantes
<audio> y <video> - Nuevoselementosque permitirán incrustarun
contenido multimedia de sonido o de vídeo,respectivamente.Esuna de
lasnovedadesmásimportantese interesantesen esteHTML5,ya que
permite reproducir y controlasvídeosy audio sin necesidadde plugins
como el de Flash.
Elcomportamiento de estoselementosmultimedia serácomo el de
cualquier elemento nativo, y permitirá insertar en un video,enlaceso
imágenes,por ejemplo.Youtube,ya ha anunciado que dejael Flashy
comienzaaproyectar con HTML5.
<embed> - Seempleaparacontenido incrustado que necesitaplugins
como el Flash.Esun elemento que ya reconocenlosnavegadores,pero
ahoraal formar parte de un estándar,no habráconflicto con <object>.
<canvas> - Esteesun elemento complejo que permite que segeneren
gráficosal hacerdibujosen suinterior. Esutilizado en GoogleMapsy en
un futuro permitirá alosdesarrolladorescrearaplicacionesmuy
interesantes.
Alejandro Castillo | www.theproc.es
6. Manual de HTML5en español
Segunda Parte
Unapregunta muy común en estostiemposes:“¿Cómopuedo empezara
utilizarHTML5siexisten navegadoresantiguosque no lo soportan?”Pero
la pregunta en síseha formulado de forma errónea.ElHTML5no esuna
cosagrande como un todo, sino una colección de elementosindividuales,
por consiguiente lo que sísepodrá serádetectar silosnavegadores
soportan cadaelemento por separado.
Cuando losnavegadoresrealizanun render de una página,construyen un
“Modelo de Objeto de Documento” (Document Object Model - DOM),
una colección de objetosque representan loselementosdel HTMLen la
página.Cadaelemento - <p>,<div>,<span> - esrepresentado en el
DOM por un objeto diferente.
TodoslosobjetosDOM comparten unascaracterísticascomunes,aunque
algunostienen másque otros.Enlosnavegadoresque soportan rasgos
del HTML5,algunosobjetostienen unaúnicapropiedad y con una simple
ojeadaal DOM podremossaberlascaracterísticasque soporta el
navegador.
Existencuatro técnicasbásicasparasabercuando un navegador soporta
una de estasparticularescaracterísticas,desdelasmássencillasalasmás
complejas.
1. Compruebasideterminadaspropiedadesexisten en objetos
genéricoso globales(como window o navigator).
Ejemplo:comprobar soporte parala “Geolocalización”.
2. Crearun elemento,luego comprobar sideterminadas
propiedadesexisten en eseelemento.
Ejemplo:comprobar soporte paracanvas.
3. Crearun elemento,comprobar sideterminadosmétodosexisten
en eseelemento, llamarel método y comprobar losvaloresque
devuelve.
Ejemplo:comprobar qué formatosde video soporta.
4. Crearun elemento,asignaruna propiedad adeterminado valor,
entoncescomprobar sila propiedad mantiene suvalor.
Ejemplo:comprobar que tipo de <input> soporta.
Alejandro Castillo | www.theproc.es
7. Manual de HTML5en español
MODERNIZR,una bibliotecapara detectarHTML5.
Modernizr esuna libreríade JavaScript con licenciaMITde código
abierto que detecta sison compatiblesmuchoselementosparaHTML5y
CSS3.Dichalibreríaseirá actualizando y parautilizarlasolo hayque
incluir en <head><script> de tu página.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dive Into HTML5</title>
<script src="modernizr.min.js"></script>
</head>
<body>
...
</body>
</html>
Modernizr seejecuta automáticamente,no esnecesariollamara
ninguna función tipo: modernizr_init().Cuando seejecuta,secreauna
objeto global llamado Modernizr,que contiene un set de propiedades
Boleanasparacadaelemento que detecta.Porejemplo sisunavegador
soporta elementoscanvas,la propiedad de la libreríaModernizr.canvas
será“true”.Situ navegador no soporta loselementoscanvas,la
propiedad Modernizr.canvasserá“false”.
if (Modernizr.canvas) {
// a crear formas!!
} else {
// no hay soporte para canvas, los siento
Canvas
HTML5 define el elemento <canvas>como un rectángulo en la página
donde sepuede utilizar JavaScript paradibujar cualquier cosa.También
determina un grupo de funciones(canvasAPI)paradibujar formas,crear
gradientesy aplicartransformaciones.
TextoCanvas
Situ navegador soporta lasAPIde canvasno quiere decir que pueda
soportar lasAPIparatexto-canva.LasAPIde canvasehan ido generando
con el tiempo y lasfuncionesde texto sehan añadido posteriormente,
Alejandro Castillo | www.theproc.es
8. Manual de HTML5en español
por lo que algunosnavegadorespuede que no tengan integrado lasAPI
paratexto.
Video
ElHTML5ha definido un nuevo elemento llamado <video> paraincrustar
video en laspáginasde la web. Actualmente insertar un video en la web
eraimposible sin determinadospluginscomo el QuickTimeo el Flash.
Elelemento <video> ha sido diseñado parautilizarlo sin la necesidadde
que tenga que detectar ningún script. Sepueden especificarmúltiples
ficherosde video y losnavegadoresque soporten el video en HTML5
escogeránuno basadoen el formato que soporte.
Formatosde video
Losformatosde video soncomo loslenguajesescritos.Un periódico en
ingléscontiene la mismainformación que un periódico en español,
aunquesolo uno le seráútil. Conlosnavegadorespasalo mismo,
necesitansaberen qué “idioma” estáescrito el video.
Loslenguajesde losvideossellaman “codecs”un algoritmo utilizado
paracompactarun video.Existendocenasde codecsen usoen todo el
mundo, aunque dosson losmásrelevantes.Uno de estoscodecscuesta
dinero por la licenciade la patente,y funciona en safari y losiphones.El
otro codecesgratisy de código abierto y funciona en navegadorescomo
Chromium y Firefox.
AplicacionesOFFline
Leerpáginawebsoffline esrelativamente sencillo.TeconectasaInternet,
cargasuna web, te desconectasy puedessentarte tranquilamente aleer.
¿Peroqué sucedecuando sonaplicacionescomo Gmail o GoogleDocs?
Graciasal HTML5cualquierapuede crearuna aplicación web que
funcione offline.
Lasaplicacionesweb offline seejecutan como una aplicación online.La
primeravezque sevisita una web offline que estédisponible,el servidor
web le dirá aal navegador losficherosque necesitaparapoder trabajar
desconectado.Estosficherospueden ser,HTML,JavaScript,imágenesy
hastavideos.Unavezque el navegador ha descargadolosficheros
necesariospodrásvolver avisitar la web aunque no estésconectado a
Internet. Elnavegador reconoceráque estásdesconectado de Internet y
utilizarálosficherosque habíadescargado con anterioridad.Lapróxima
Alejandro Castillo | www.theproc.es
9. Manual de HTML5en español
vezque te conectes,sihasrealizado cambiosen la web offline,estosse
subirán al servidor actualizándolo.
Geolocalización
Lageolocalización esla forma de suponer donde te encuentrasen el
mundo y siquieres,compartir información con gente de confianza.
Existenmuchasmanerasde descubrir donde te encuentras,por tu
dirección IP,la conexión de red inalámbrica,la torre de telefoníamóvil
por la que habla tu teléfono móvil (celular),o GPSespecíficosque reciben
lascoordenadasde longitud y la latitud de satélitesque están eneel cielo.
TerceraParte
Enel primer capítulo de estacharlasobreHTML5,mencionamospor
arriba sobreloscambiosen losformulariosque incluye el HTML5.
Comonorma paratodos,un formulario esuna etiqueta <form> y en su
interior algunoselementos<input type="text"> o <input
type="password"> finalizado con un botón <input type="submit"> y ya
está.A continuación explicaremosalgunasde estasnovedades.
Textocomo PLACEHOLDER
Placeholder esun nuevo atributo que seutilizadentro de loscampos
input. Sirveparamostrarun texto dentro del input siemprey cuando el
campo estévacíoo no estéseñalado.Encuanto sehagaclic dentro del
campo (o sellegue por el TAB),el texto desaparecerá.
Seguramente ha visto la propiedad Placeholder antes.Porejemplo,
Mozilla Firefox3.5incluye textosplaceholder en la barrade localización.
Cuando sehaceclic sobrela barrade búsquedao sellegapor un tab, el
texto preestablecido desaparece.
Irónicamente Firefox no da soporte aestapropiedad,al igual que IEy
Opera,solo escompatible (adíade hoy) con Safariy Chrome.Aquellos
Alejandro Castillo | www.theproc.es
10. Manual de HTML5en español
navegadoresque no soporten placeholder simplemente lo ignorarány
no mostraránnada.
Aquí hayun ejemplo de cómo sepuede incluir placeholder en un
formulario:
Código:
<form>
<input placeholder="Buscar en la base de datos">
<input value="Buscar">
</form>
Camposcon autofocus
Elatributo de autofoco permite al usuario decidir y controlar qué campo
de texto debe serenfocado (señalado,activado) en cuanto la página es
cargadao seestécargando,permitiendo al usuario comenzaraescribir
sin tener él que especificarcual essucampo de texto principal en su
página.Elatributo de autofoco esun atributo boleano (respuestatrue -
false)y no deberáhaber másde un elemento en la página.
Muchossitiosutilizan JavaScript parafocalizary dirigir el cursor
automáticamente al campo de texto. Porejemplo Googlecuando
comienzaacargarsupágina dirigirá el cursosasuinput de búsqueda
automáticamente paraque puedasempezaraescribir tus palabrasde
búsquedaen sunavegador.Estopuede serconveniente paraalgunosy
paraotrosque pueden tener una necesidadespecíficano tanto. Si
aprietasla barrade espacioesperando que la página baje haciendo un
scroll,esto no sucederáporque estáenfocado el input del formulario.
HTML5introduceun atributo de control de autofoco en losformularios.
Elatributo autofoco haceexactamente lo que suena,en cuanto la web se
comienzaacargar,mueveel cursor y asíla atención del usuario aun
campo <input> particular.
A díade hoy, Autofocussolo lo soportan Safari,Chromey Opera.Firefoxe
IE,lo ignorarán.
Código:
<form>
<input name="b" autofocus>
<input type="submit" value="Search">
</form>
Alejandro Castillo | www.theproc.es
11. Manual de HTML5en español
En el primer tutorial mencionamos varios de los nuevos atributos de los
formularios, y en próximos artículos iremos profundizando en ellos. Ahora
les dejo una galería de sitios hechos con HTML5 que podrán inspeccionar
viendo el código fuente.
Alejandro Castillo | www.theproc.es