HTML5 is the new standard for HTML that addresses changes since 1999, including new semantic elements, forms, media playback, drawing, and offline storage. It is developed jointly by W3C and WHATWG. While still a work in progress, most modern browsers support some HTML5 features. Key new aspects include the canvas element for drawing, video/audio elements, and new form controls like date pickers.
HTML5 is the new standard for HTML that provides built-in support for audio and video playback without requiring plugins, offline caching capabilities, cleaner code structure, cross-browser compatibility, and mobile-friendly design. It introduces new semantic elements, input types, and removes some deprecated elements from previous HTML versions. While browser support is still evolving, all major browsers support the core functionality of HTML5.
The document discusses the evolution of HTML over time. It notes that XHTML proposals broke backwards compatibility and saw slow adoption. Meanwhile, browsers and technologies like Ajax advanced independently of standards bodies. This led to the formation of the WHATWG to further develop HTML. HTML 5 is described as just a nickname for ongoing incremental HTML revisions, combining the work of the WHATWG and W3C, allowing both XML and classic HTML syntaxes.
HTML5 Tutorial For Beginners - Learning HTML 5 in simple and easy steps with examples covering 2D Canvas, Audio, Video, New Semantic Elements, Geolocation, Persistent Local Storage, Web Storage, Forms Elements,Application Cache,Inline SVG,Document
This document provides an overview of the basic structure and elements of an HTML5 template. It begins with a barebones template containing the doctype, html, head and body elements. The doctype has been simplified in HTML5 to just <!doctype html>. Several elements in the head like the character encoding and stylesheet link have also been simplified. The template includes an HTML5 shiv to provide support for new HTML5 elements in older browsers. The document explains each part of the template.
Work on HTML5 began in 2004 through a collaborative effort between the W3C and WHATWG. It introduces new semantic elements, supports embedded video and audio, introduces the canvas element for drawing, and improves forms. While the specification is still in development, browser support is increasing and many of the new features can be used now to have cleaner code and stay ahead of changes. However, lack of support in some browsers and the evolving specification mean disadvantages include things may change and not work everywhere.
HTML5 is the next version of HTML that is still being developed by the World Wide Web Consortium. It introduces several new features such as native audio and video playback, canvas element for graphics, and semantic elements like header, nav and footer. HTML5 also improves support for forms, introduces new APIs for building web applications, and specifies stricter parsing rules to improve error handling compared to previous versions of HTML. Some popular websites that use HTML5 features include YouTube and Google Wave.
HTML 5 is an ongoing effort to update and improve the HTML standard. It introduces several new capabilities including offline database storage, 2D graphics animations using <canvas>, and embedding audio and video content. While still a work in progress, HTML 5 features are starting to be supported by all major browsers like Opera, Safari, Internet Explorer, and Firefox. The specification defines new elements, attributes, and events, and provides more precise rules for how HTML elements should be handled and errors recovered from.
HTML5 is the new standard for HTML that provides built-in support for audio and video playback without requiring plugins, offline caching capabilities, cleaner code structure, cross-browser compatibility, and mobile-friendly design. It introduces new semantic elements, input types, and removes some deprecated elements from previous HTML versions. While browser support is still evolving, all major browsers support the core functionality of HTML5.
The document discusses the evolution of HTML over time. It notes that XHTML proposals broke backwards compatibility and saw slow adoption. Meanwhile, browsers and technologies like Ajax advanced independently of standards bodies. This led to the formation of the WHATWG to further develop HTML. HTML 5 is described as just a nickname for ongoing incremental HTML revisions, combining the work of the WHATWG and W3C, allowing both XML and classic HTML syntaxes.
HTML5 Tutorial For Beginners - Learning HTML 5 in simple and easy steps with examples covering 2D Canvas, Audio, Video, New Semantic Elements, Geolocation, Persistent Local Storage, Web Storage, Forms Elements,Application Cache,Inline SVG,Document
This document provides an overview of the basic structure and elements of an HTML5 template. It begins with a barebones template containing the doctype, html, head and body elements. The doctype has been simplified in HTML5 to just <!doctype html>. Several elements in the head like the character encoding and stylesheet link have also been simplified. The template includes an HTML5 shiv to provide support for new HTML5 elements in older browsers. The document explains each part of the template.
Work on HTML5 began in 2004 through a collaborative effort between the W3C and WHATWG. It introduces new semantic elements, supports embedded video and audio, introduces the canvas element for drawing, and improves forms. While the specification is still in development, browser support is increasing and many of the new features can be used now to have cleaner code and stay ahead of changes. However, lack of support in some browsers and the evolving specification mean disadvantages include things may change and not work everywhere.
HTML5 is the next version of HTML that is still being developed by the World Wide Web Consortium. It introduces several new features such as native audio and video playback, canvas element for graphics, and semantic elements like header, nav and footer. HTML5 also improves support for forms, introduces new APIs for building web applications, and specifies stricter parsing rules to improve error handling compared to previous versions of HTML. Some popular websites that use HTML5 features include YouTube and Google Wave.
HTML 5 is an ongoing effort to update and improve the HTML standard. It introduces several new capabilities including offline database storage, 2D graphics animations using <canvas>, and embedding audio and video content. While still a work in progress, HTML 5 features are starting to be supported by all major browsers like Opera, Safari, Internet Explorer, and Firefox. The specification defines new elements, attributes, and events, and provides more precise rules for how HTML elements should be handled and errors recovered from.
- HTML was created by Tim Berners-Lee in the late 1980s and early 1990s to allow information sharing through hypertext links on the then-emerging World Wide Web. It uses tags to define the structure and layout of webpages and allows multimedia content.
- The basic structure of an HTML document involves tags like <html> to open and close the HTML document, <head> to contain metadata, <title> to define the title, and <body> to contain the visible page content.
- Common text formatting is done using tags like <h1> for main headings, <p> for paragraphs, and <font> to specify font attributes. Lists are created with <ul> for unordered
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1Erin M. Kidwell
Here is some basic HTML code with <html>, <body>, <h1>, <h2>, and <p> tags:
<!DOCTYPE html>
<html>
<head>
<title>My First Webpage</title>
</head>
<body>
<h1>This is a Main Heading</h1>
<h2>This is a Subheading</h2>
<p>This is a paragraph of text.</p>
</body>
</html>
HTML5--The 30,000' View (A fast-paced overview of HTML5)Peter Lubbers
A fast-paced overview of HTML5.
Topics include:
-What is HTML5?
-History of HTML5
-WHATWG and W3C specifications
-What is part of HTML5?
-Using HTML5 Today
-Using HTML5 in browsers that do not support it
-Detecting native availability of HTML5 features
This document summarizes new features in HTML5 including CSS3 features like media queries, rounded corners, and transitions. It also covers JavaScript APIs like localStorage, IndexedDB, the cache manifest, drag and drop, web sockets, and the file system API. The document provides examples and links to demonstrations of these new capabilities, making it a useful resource for learning about HTML5 features and seeing them in action.
This document provides an introduction to HTML (Hypertext Markup Language) including its basic concepts, commonly used tags, and structure. It discusses how HTML is used to design static web pages, provides overviews of HTML tags and attributes, and covers topics like text formatting, links, tables, and adding graphics. The document also summarizes different versions of HTML and its features and applications.
The document provides an introduction to understanding internet basics for Visual Basic programmers. It discusses that Visual Basic allows programmers to easily produce functional web applications regardless of their experience level with internet technology. It describes internet technology as another area for development, noting how incorporating HTML and security features is similar to traditional Visual Basic development. The document also explains how applying internet technology enables extending development skills in new ways, such as reducing costs and maintenance through web deployment.
This document compares HTML4 and HTML5, discussing their versions over time. It notes that HTML5 introduced new structures like drag and drop, can embed video/audio without Flash, and handles inaccurate syntax, while HTML4 used older structures and required Flash for media. HTML5 also introduced new APIs, tags, and features like local storage that enhanced flexibility, while HTML4 had more limited traditional APIs and no local storage capability.
HTML5 is the latest revision of HTML that defines new elements and features to improve the semantic structure of web pages and make developing interactive web applications easier. It includes new elements for embedding video and audio, drawing graphics with the canvas element, and enabling offline web applications. While HTML5 is still under development, many modern browsers already support key features like video, geolocation, and local storage. HTML5 aims to make web development simpler by building on existing HTML standards and not requiring changes to existing code.
Rails Girls - Introduction to HTML & CSSTimo Herttua
This document provides an agenda and overview for an introduction to HTML and CSS workshop by Rails Girls Helsinki. It discusses why HTML and CSS are crucial skills, both for understanding web technologies and getting a job as a developer. It explains how HTML, CSS, and JavaScript power everything seen on the internet and in web and mobile apps. The document outlines the division of labor between frontend and backend technologies. It introduces the Frontend Bentobox model for understanding different components like HTML, CSS, JavaScript, JSON, etc. It previews exercises for attendees to complete, including a live coding demo and extra credit options.
GDI Seattle Intro to HTML and CSS - Class 1Heather Rock
The document provides an introduction to HTML and CSS for beginners. It discusses the basic structure of an HTML document using elements like <html>, <head>, <body>, <h1>, <p>, and <img>. It explains that HTML provides the structure and layout of a web page, while CSS controls the styling and presentation. The document then demonstrates how to add headings, paragraphs, line breaks, lists, tables, and other basic elements to an HTML page.
This is simple slider for web designer. If you know advance html then you can ignore this otherwise you can read. You can also knock me to get more information...
HTML5 introduces several new features that reduce the need for plugins, make error handling easier, and allow for more semantic markup. Some key features include the <canvas> element for drawing, <video> and <audio> elements for media playback, and local storage support. HTML5 also includes new form controls and content elements like <article>, <header>, <nav>, and <section>. The <figure> element specifies self-contained content like images. HTML5 aims to be device-independent and have a more visible development process.
Essential Javascript -- A Javascript <b>Tutorial</b>tutorialsruby
Javascript is an interpreted language with C-like syntax that supports object-oriented programming and other advanced concepts. It is approachable for beginners but also powerful. This document provides an overview of Javascript basics like variables, data types, operators, conditional statements, and functions. It also covers Javascript in the browser context, explaining how to add script blocks, work with events, get input from users, and output data to the DOM. Comments are included to document code.
This document provides an overview of HTML5 basics, including:
- The background and need for HTML5 as newer standard to address limitations of HTML4.
- The basic structure of an HTML5 document and new semantic elements.
- Key new features like media elements for embedding video and audio, canvas for drawings, and drag and drop capabilities.
- Additional features such as local storage, offline support through cache manifest files, and Scalable Vector Graphics.
This document provides an introduction to HTML5 and its new features. It discusses new semantic elements like <header> and <footer>, new multimedia capabilities for embedding audio and video, and new form input types. It also compares HTML5 to older versions, noting new APIs, elements, and features like local storage in HTML5. Canvas drawing and drag and drop capabilities are introduced.
The document provides an overview of HTML5, including its origins, new features, support in browsers, and how to use some of its main features. Some key points:
- HTML5 is a collaboration between W3C and WHATWG to create a new version of HTML that reduces plugins, improves error handling and adds new semantic elements.
- New features include the canvas element for drawing, video/audio elements for media, and new form controls like date pickers. Support varies by browser but is improving.
- Features can be detected using Modernizr or checking specific DOM properties. While support is not full, many features work across modern browsers.
- HTML5 introduces media elements and formats for
HTML5 is the fifth revision and newest version of the HTML standard. It offers new features that provide not only rich media support, but also enhance support for creating web applications that can interact with the user, his/her local data, and servers, more easily and effectively than was possible previously.
HTML5 is the next revision of the HTML standard that incorporates new features like video playback and drag-and-drop without plugins. It introduces new elements like <header>, <footer>, and <section> and features such as canvas drawing, audio/video embedding, geolocation, and web sockets. HTML5 is designed to be backward compatible and uses simpler document structures and tags than previous versions.
IJCER (www.ijceronline.com) International Journal of computational Engineerin...ijceronline
The document compares HTML and HTML5. It outlines several key differences:
1) HTML5 introduces new semantic elements that improve accessibility and help structure pages, while HTML focuses on generic div elements.
2) HTML5 supports embedded audio and video with new tags, whereas HTML4 does not define media elements.
3) HTML5 offers new capabilities like local storage, geolocation, and real-time communication that HTML lacks.
Overall, HTML5 provides a more robust and accessible standard for developing modern web applications and pages compared to older HTML. It introduces powerful new features while maintaining compatibility with existing browsers.
HTML 5 is the latest version of the HTML markup language. It introduces several new elements and features to improve the functionality of web pages, including the <canvas> element for drawing graphics, the <video> and <audio> elements for embedding video and audio, and local storage for storing data on the user's device. The development of HTML 5 was started by the Web Hypertext Application Technology Working Group in 2004 to address limitations of prior versions and support emerging web standards and multimedia. It is still being worked on jointly by WHATWG and the W3C.
HTML 5 is the latest version of the HTML markup language. It aims to improve HTML with support for multimedia and make it more compatible with modern web applications. Some key features of HTML 5 include the <canvas> element for drawing graphics, the <video> and <audio> elements for embedding video and audio, and local storage for storing data on the user's device. The development of HTML 5 was started by the Web Hypertext Application Technology Working Group in 2004 to address limitations of prior versions.
HTML5 is the new standard for web development that provides new semantic elements, audio/video playback, canvas drawing, and geolocation. It is being developed jointly by the W3C and WHATWG standards bodies. Some key features include new semantic elements like <header>, <footer>, <nav>, improved forms with new input types like date, time and color, and multimedia elements <video> and <audio> for embedding video and audio. Browser support is still evolving but major browsers support many HTML5 features. The document provides details on HTML5 features, elements, attributes and how it improves upon previous HTML standards.
- HTML was created by Tim Berners-Lee in the late 1980s and early 1990s to allow information sharing through hypertext links on the then-emerging World Wide Web. It uses tags to define the structure and layout of webpages and allows multimedia content.
- The basic structure of an HTML document involves tags like <html> to open and close the HTML document, <head> to contain metadata, <title> to define the title, and <body> to contain the visible page content.
- Common text formatting is done using tags like <h1> for main headings, <p> for paragraphs, and <font> to specify font attributes. Lists are created with <ul> for unordered
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1Erin M. Kidwell
Here is some basic HTML code with <html>, <body>, <h1>, <h2>, and <p> tags:
<!DOCTYPE html>
<html>
<head>
<title>My First Webpage</title>
</head>
<body>
<h1>This is a Main Heading</h1>
<h2>This is a Subheading</h2>
<p>This is a paragraph of text.</p>
</body>
</html>
HTML5--The 30,000' View (A fast-paced overview of HTML5)Peter Lubbers
A fast-paced overview of HTML5.
Topics include:
-What is HTML5?
-History of HTML5
-WHATWG and W3C specifications
-What is part of HTML5?
-Using HTML5 Today
-Using HTML5 in browsers that do not support it
-Detecting native availability of HTML5 features
This document summarizes new features in HTML5 including CSS3 features like media queries, rounded corners, and transitions. It also covers JavaScript APIs like localStorage, IndexedDB, the cache manifest, drag and drop, web sockets, and the file system API. The document provides examples and links to demonstrations of these new capabilities, making it a useful resource for learning about HTML5 features and seeing them in action.
This document provides an introduction to HTML (Hypertext Markup Language) including its basic concepts, commonly used tags, and structure. It discusses how HTML is used to design static web pages, provides overviews of HTML tags and attributes, and covers topics like text formatting, links, tables, and adding graphics. The document also summarizes different versions of HTML and its features and applications.
The document provides an introduction to understanding internet basics for Visual Basic programmers. It discusses that Visual Basic allows programmers to easily produce functional web applications regardless of their experience level with internet technology. It describes internet technology as another area for development, noting how incorporating HTML and security features is similar to traditional Visual Basic development. The document also explains how applying internet technology enables extending development skills in new ways, such as reducing costs and maintenance through web deployment.
This document compares HTML4 and HTML5, discussing their versions over time. It notes that HTML5 introduced new structures like drag and drop, can embed video/audio without Flash, and handles inaccurate syntax, while HTML4 used older structures and required Flash for media. HTML5 also introduced new APIs, tags, and features like local storage that enhanced flexibility, while HTML4 had more limited traditional APIs and no local storage capability.
HTML5 is the latest revision of HTML that defines new elements and features to improve the semantic structure of web pages and make developing interactive web applications easier. It includes new elements for embedding video and audio, drawing graphics with the canvas element, and enabling offline web applications. While HTML5 is still under development, many modern browsers already support key features like video, geolocation, and local storage. HTML5 aims to make web development simpler by building on existing HTML standards and not requiring changes to existing code.
Rails Girls - Introduction to HTML & CSSTimo Herttua
This document provides an agenda and overview for an introduction to HTML and CSS workshop by Rails Girls Helsinki. It discusses why HTML and CSS are crucial skills, both for understanding web technologies and getting a job as a developer. It explains how HTML, CSS, and JavaScript power everything seen on the internet and in web and mobile apps. The document outlines the division of labor between frontend and backend technologies. It introduces the Frontend Bentobox model for understanding different components like HTML, CSS, JavaScript, JSON, etc. It previews exercises for attendees to complete, including a live coding demo and extra credit options.
GDI Seattle Intro to HTML and CSS - Class 1Heather Rock
The document provides an introduction to HTML and CSS for beginners. It discusses the basic structure of an HTML document using elements like <html>, <head>, <body>, <h1>, <p>, and <img>. It explains that HTML provides the structure and layout of a web page, while CSS controls the styling and presentation. The document then demonstrates how to add headings, paragraphs, line breaks, lists, tables, and other basic elements to an HTML page.
This is simple slider for web designer. If you know advance html then you can ignore this otherwise you can read. You can also knock me to get more information...
HTML5 introduces several new features that reduce the need for plugins, make error handling easier, and allow for more semantic markup. Some key features include the <canvas> element for drawing, <video> and <audio> elements for media playback, and local storage support. HTML5 also includes new form controls and content elements like <article>, <header>, <nav>, and <section>. The <figure> element specifies self-contained content like images. HTML5 aims to be device-independent and have a more visible development process.
Essential Javascript -- A Javascript <b>Tutorial</b>tutorialsruby
Javascript is an interpreted language with C-like syntax that supports object-oriented programming and other advanced concepts. It is approachable for beginners but also powerful. This document provides an overview of Javascript basics like variables, data types, operators, conditional statements, and functions. It also covers Javascript in the browser context, explaining how to add script blocks, work with events, get input from users, and output data to the DOM. Comments are included to document code.
This document provides an overview of HTML5 basics, including:
- The background and need for HTML5 as newer standard to address limitations of HTML4.
- The basic structure of an HTML5 document and new semantic elements.
- Key new features like media elements for embedding video and audio, canvas for drawings, and drag and drop capabilities.
- Additional features such as local storage, offline support through cache manifest files, and Scalable Vector Graphics.
This document provides an introduction to HTML5 and its new features. It discusses new semantic elements like <header> and <footer>, new multimedia capabilities for embedding audio and video, and new form input types. It also compares HTML5 to older versions, noting new APIs, elements, and features like local storage in HTML5. Canvas drawing and drag and drop capabilities are introduced.
The document provides an overview of HTML5, including its origins, new features, support in browsers, and how to use some of its main features. Some key points:
- HTML5 is a collaboration between W3C and WHATWG to create a new version of HTML that reduces plugins, improves error handling and adds new semantic elements.
- New features include the canvas element for drawing, video/audio elements for media, and new form controls like date pickers. Support varies by browser but is improving.
- Features can be detected using Modernizr or checking specific DOM properties. While support is not full, many features work across modern browsers.
- HTML5 introduces media elements and formats for
HTML5 is the fifth revision and newest version of the HTML standard. It offers new features that provide not only rich media support, but also enhance support for creating web applications that can interact with the user, his/her local data, and servers, more easily and effectively than was possible previously.
HTML5 is the next revision of the HTML standard that incorporates new features like video playback and drag-and-drop without plugins. It introduces new elements like <header>, <footer>, and <section> and features such as canvas drawing, audio/video embedding, geolocation, and web sockets. HTML5 is designed to be backward compatible and uses simpler document structures and tags than previous versions.
IJCER (www.ijceronline.com) International Journal of computational Engineerin...ijceronline
The document compares HTML and HTML5. It outlines several key differences:
1) HTML5 introduces new semantic elements that improve accessibility and help structure pages, while HTML focuses on generic div elements.
2) HTML5 supports embedded audio and video with new tags, whereas HTML4 does not define media elements.
3) HTML5 offers new capabilities like local storage, geolocation, and real-time communication that HTML lacks.
Overall, HTML5 provides a more robust and accessible standard for developing modern web applications and pages compared to older HTML. It introduces powerful new features while maintaining compatibility with existing browsers.
HTML 5 is the latest version of the HTML markup language. It introduces several new elements and features to improve the functionality of web pages, including the <canvas> element for drawing graphics, the <video> and <audio> elements for embedding video and audio, and local storage for storing data on the user's device. The development of HTML 5 was started by the Web Hypertext Application Technology Working Group in 2004 to address limitations of prior versions and support emerging web standards and multimedia. It is still being worked on jointly by WHATWG and the W3C.
HTML 5 is the latest version of the HTML markup language. It aims to improve HTML with support for multimedia and make it more compatible with modern web applications. Some key features of HTML 5 include the <canvas> element for drawing graphics, the <video> and <audio> elements for embedding video and audio, and local storage for storing data on the user's device. The development of HTML 5 was started by the Web Hypertext Application Technology Working Group in 2004 to address limitations of prior versions.
HTML5 is the new standard for web development that provides new semantic elements, audio/video playback, canvas drawing, and geolocation. It is being developed jointly by the W3C and WHATWG standards bodies. Some key features include new semantic elements like <header>, <footer>, <nav>, improved forms with new input types like date, time and color, and multimedia elements <video> and <audio> for embedding video and audio. Browser support is still evolving but major browsers support many HTML5 features. The document provides details on HTML5 features, elements, attributes and how it improves upon previous HTML standards.
Web Visualization with HTML5, CSS3, and JavaScript is the course with the rapidly changing web development technologies, it has become important to stay in line with them to progress within the industry, which is why this course in web virtualization has been brought to you to spruce up your web designing and animating skills using HTML5, CSS3, and JavaScript. The latest features of HTML5, CSS3 and JavaScript are set to be provided to you through this course, hence, it is desired that you have basic knowledge on these programming languages for a smoother learning experience. This course will start off by walking you through the CSS3 virtualization techniques to design and animate webs. You will be taught how to create a 3D element using CSS transition and to transform animates into 2D and 3D, along with an insight into the elements of scalable vector graphics which is needed to create basic images and polygons and to animate. Our tutors will further take you through the canvas aspects of HTML5 to start drawing grids and animations using it. You will also get to learn how to create a callback and create and activate a queue that is needed in animating and the animation libraries that will be essential to your web designing projects. By the end of this course, you will have an outstanding knowledge of web visualization using HTML5, CSS3, and JavaScript to secure yourself a prominent place within the web development industry.
This document provides an overview of HTML. It discusses what HTML is, the different versions of HTML, how HTML works by describing the basic structure of an HTML document, and the differences between HTML4 and HTML5. It also outlines some of the most commonly used HTML tags, including block-level tags like <html>, <head>, and <body> as well as inline tags for formatting text and adding images and links. Finally, it reviews some pros of HTML like its wide usage and support, and some cons such as its limitations for dynamic functionality.
Michael(tm) Smith: HTML5 at Web Directions South 2008Michael(tm) Smith
The document discusses the history and development of HTML5. It notes that work began in the late 1990s and early 2000s to develop new web technologies, as HTML4 was over 10 years old. This led to specs like XHTML2 but also projects outside the W3C like Web Forms 2 and WHATWG, driven by browser makers. WHATWG was influential in developing many HTML5 features. The HTML5 spec was launched by the W3C in 2007, and defines features for embedding video/audio, canvas drawing, offline web apps, and more in a browser-independent way.
HTML5 is the newest version of the Hypertext Markup Language (HTML). It introduces several new elements and attributes that help improve the semantic structure of web pages and make them more engaging. Some key features of HTML5 include new semantic elements like <header>, <footer>, and <section>; forms improvements; local storage; WebSockets; and multimedia elements like <video> and <canvas>. The HTML5 specification is still under development by the W3C and WHATWG organizations.
HTML is a markup language that allows users to structure and format web pages. It uses tags like <p> and <div> to organize content into sections, paragraphs, headings, and other blocks. While HTML provides structure, CSS and JavaScript are needed to style pages and add dynamic functionality. HTML files are rendered and displayed in web browsers.
HTML5 is the latest version of HTML that aims to improve the language with new multimedia and web application features while keeping it easily readable by humans and consistently understood by computers. It is still a work in progress but supported by major browsers. Key features include new elements for media playback, local storage APIs, and form controls. HTML5 also introduces new APIs for graphics, offline apps, and other features. It allows for cross-platform programming and powers mobile apps on platforms like Tizen, Firefox OS, and Windows 8.
The document provides an overview of HTML including:
1) A brief history of HTML from its origins in the 1960s through its standardization by the W3C in the late 1990s.
2) An explanation of HTML syntax including tags, elements, attributes, and nesting.
3) A discussion of semantic markup and its advantages over presentation-oriented markup.
4) A description of the basic structure of an HTML document including the DOCTYPE, html, head, and body elements.
5) A quick tour of common HTML elements like headings, paragraphs, links, and divisions.
This document discusses an agenda for a student event on HTML5. It includes sections on the past, present and future of HTML5, what's new in HTML5 like new elements and attributes, and how to use various HTML5 features like canvas drawing. It encourages students not to be afraid and to start coding, and provides an overview of validating HTML5 documents.
HTML5, the latest version of the Hypertext Markup Language (HTML), is the most radical revision of the language to date. It introduces many new features in a variety of areas. Some of the more notable additions include:
The document discusses the history and evolution of HTML and web technologies from 1991 to present. It provides an overview of new semantic elements, multimedia capabilities, and client-side storage APIs introduced in HTML5. It also addresses techniques for detecting HTML5 support and workarounds for unknown elements in older browsers like Internet Explorer.
HTML5 defines the latest revision of HTML that adds new semantic elements and graphical capabilities. It is still being developed by the W3C, but browsers already support some features like canvas, video, and geolocation. HTML5 provides features like native audio and video playback, offline web applications, and an improved drawing surface, along with other capabilities, without requiring browser plugins. However, there are still ongoing discussions around issues like video formats and concerns about privacy controls as HTML5 enables new ways of tracking users.
This document discusses Easyrec, an open source recommender engine that provides recommendations based on user actions like views, purchases, and ratings of products. It has an API that allows integrating recommendations into a website by passing a user ID and token. The API can take in user data and return recommendations based on what other similar users viewed, purchased, or rated highly. While Easyrec is easy to use, it has limitations in flexibility and only supports collaborative filtering recommendations.
This document outlines an agenda to introduce REST and building APIs with ASP.NET Web API. It begins with a quick demo, then discusses what REST is as an architectural style based on HTTP using resources and verbs. It covers HTTP concepts like requests, responses and status codes. Finally, it demonstrates building a REST API with ASP.NET Web API and discusses advantages of REST like using the well-defined HTTP protocol and enabling caching.
This document provides an overview of APIs, including what they are, why they are useful, common data formats like JSON and XML, RESTful API design principles, and how to consume and create APIs. It discusses API concepts like resources, HTTP verbs, caching, authentication, and error handling. It also provides examples of consuming APIs with tools like Postman and creating a simple API in Node.js.
This document discusses caching and the SMRR mechanism introduced by Intel to prevent cache poisoning attacks on SMRAM. It explains that:
1) Memory caching types like write-back can allow data in CPU caches to be modified without writing to physical memory.
2) Early researchers exploited this to poison SMRAM caches and gain unauthorized access to protected memory.
3) Intel addressed this with the System Management Range Register (SMRR) that defines a restricted memory range for SMRAM and prevents caching of that memory when not in SMM.
Optimizing shared caches in chip multiprocessorsHoang Nguyen
Chip multiprocessors, which place multiple processors on a single chip, have become common in modern processors. There are various approaches to managing caches in chip multiprocessors, including private caches for each processor core or shared caches that all cores can access. The optimal approach balances factors like minimizing traffic between cores, avoiding duplication of cached data, and reducing latency.
This document discusses how Analysis Services caching works and provides strategies for warming the Storage Engine cache and Formula Engine cache. It explains that the Storage Engine handles data retrieval from disk while the Formula Engine determines which data is needed for queries. Caching can improve performance but requires understanding when Analysis Services is unable to cache data. The document recommends using the CREATE CACHE statement and running regular queries to pre-populate the caches with commonly used data. Memory usage must also be considered when warming the caches.
The document proposes optimizing DRAM caches for latency rather than hit rate. It summarizes previous work on DRAM caches like Loh-Hill Cache that treated DRAM cache similarly to SRAM cache. This led to high latency and low bandwidth utilization.
The document introduces the Alloy Cache design which avoids tag serialization and keeps tags and data in the same DRAM row for lower latency. It also proposes a Memory Access Predictor to selectively use parallel or serial access models for the lowest latency. Simulation results show Alloy Cache with a predictor outperforms previous designs like SRAM-Tags. The design achieves most of the potential latency benefits with a simple approach.
The document discusses non-uniform cache architectures (NUCA), cache coherence, and different implementations of directories in multicore systems. It describes NUCA designs that map data to banks based on distance from the controller to exploit non-uniform access times. Cache coherence is maintained using directory-based protocols that track copies of cache blocks. Directories can be implemented off-chip in DRAM or on-chip using duplicate tag stores or distributing the directory among cache banks. Examples of systems like SGI Origin2000 and Tilera Tile64 that use these techniques are also outlined.
The document discusses memory hierarchy and caching techniques. It begins by explaining the need for a memory hierarchy due to differing access times of memory technologies like SRAM, DRAM, and disk. It then covers concepts like cache hits, misses, block size, direct mapping, set associativity, compulsory misses, capacity misses, and conflict misses. Finally, it discusses using a second-level cache to reduce memory access times by capturing misses from the first-level cache.
This document provides an introduction to Python programming for astronomers. It discusses:
- Setting up the Python environment and selecting the correct version (2.6/2.7 vs 3.x)
- Why Python is popular for astronomy (free, packages like CASA are in Python)
- Getting started with Python scripts and the Python interpreter
- Important syntax aspects like indentation, importing modules, and creating functions
- Examples of useful Python modules for astronomy like NumPy, SciPy, Matplotlib, and Astropy
This document provides an introduction to the Python language and discusses Python data types. It covers how to install Python, interact with the Python interpreter through command line and IDLE modes, and learn basic Python parts like data types, operators, functions, and control structures. The document discusses numeric, string, and other data types in Python and how to manipulate them using built-in functions and operators. It also introduces Python library modules and the arcpy package for geoprocessing in ArcGIS.
A program is a sequence of instructions that are run by the processor. To run a program, it must be compiled into binary code and given to the operating system. The OS then gives the code to the processor to execute. Functions allow code to be reused by defining operations and optionally returning values. Strings are sequences of characters that can be manipulated using indexes and methods. Common string methods include upper() and concatenation using +.
This document provides an agenda and notes for a programming lecture. The lecture covers sample problems, hash functions and dictionaries, simulating a car, functions as arguments, checking Fermat's Last Theorem, cumulative sums, estimating e and pi through Taylor expansions, finding words with triple double letters, PyGame for game development, and developing a single-player and two-player car game in PyGame. The document includes code examples and references to further resources.
Python is a multi-paradigm programming language that is object-oriented, imperative and functional. It is dynamically typed, with support for complex data types like lists and strings. Python code is commonly written and executed using the interactive development environment IDLE.
1. Burp extensions can overcome web application hurdles through the Burp API. Interfaces like IMessageEditorTab and ITab allow creating new views of requests and responses, while processHTTPMessage and doPassiveScan can automate tasks by catching and rewriting traffic.
2. Examples include decoding custom encodings, signing requests, viewing unique response headers, and passively scanning for encoded values in cookies. Common problems are solved with minimal Python coding against the Burp API.
The document provides information on three programming languages: COBOL, LISP, and Python. COBOL was released in 1959 and was used for 80% of business transactions due to its reliability. LISP was the second high-level language created in 1958 and introduced innovations like garbage collection and recursion using linked lists. Python was developed in the 1990s and prioritizes readability through features like whitespace and a simple grammar.
Object-oriented programming uses abstraction and encapsulation through abstract data types (ADTs). An ADT defines a data type and its interface independently of its implementation. This allows information hiding and modular program design. Common languages like C++, Java, and Ruby support ADTs through classes or modules, which package data with methods, support inheritance and polymorphism, and provide visibility control through private/public access specifiers. Parameterized ADTs allow a data type to work with different element types. Namespaces and packages provide separate scopes to avoid naming conflicts.
Object-oriented analysis and design (OOAD) emphasizes investigating requirements rather than solutions, and conceptual solutions that fulfill requirements rather than implementations. OOAD focuses on identifying domain concepts and defining software objects and how they collaborate. The unified process model includes inception, elaboration, construction, and transition phases with iterations and milestones leading to final product releases. Main OO concepts are encapsulation, abstraction, inheritance, and polymorphism.
The document discusses the key elements of the object model, including abstraction, encapsulation, modularity, and hierarchy. It explains that abstraction is one of the fundamental ways to cope with complexity in software design. Abstraction focuses on the essential characteristics of an object that distinguish it from other objects, from the perspective of the viewer. The object model provides a conceptual framework for object-oriented programming that is based on these elements.
The document discusses abstract data types (ADTs), specifically queues. It defines a queue as a linear collection where elements are added to one end and removed from the other end, following a first-in, first-out (FIFO) approach. The key queue operations are enqueue, which adds an element, and dequeue, which removes the element that has been in the queue longest. Queues can be implemented using arrays or linked lists.
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfMalak Abu Hammad
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxSitimaJohn
Ocean Lotus cyber threat actors represent a sophisticated, persistent, and politically motivated group that poses a significant risk to organizations and individuals in the Southeast Asian region. Their continuous evolution and adaptability underscore the need for robust cybersecurity measures and international cooperation to identify and mitigate the threats posed by such advanced persistent threat groups.
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
AI 101: An Introduction to the Basics and Impact of Artificial IntelligenceIndexBug
Imagine a world where machines not only perform tasks but also learn, adapt, and make decisions. This is the promise of Artificial Intelligence (AI), a technology that's not just enhancing our lives but revolutionizing entire industries.
Building Production Ready Search Pipelines with Spark and MilvusZilliz
Spark is the widely used ETL tool for processing, indexing and ingesting data to serving stack for search. Milvus is the production-ready open-source vector database. In this talk we will show how to use Spark to process unstructured data to extract vector representations, and push the vectors to Milvus vector database for search serving.
Driving Business Innovation: Latest Generative AI Advancements & Success StorySafe Software
Are you ready to revolutionize how you handle data? Join us for a webinar where we’ll bring you up to speed with the latest advancements in Generative AI technology and discover how leveraging FME with tools from giants like Google Gemini, Amazon, and Microsoft OpenAI can supercharge your workflow efficiency.
During the hour, we’ll take you through:
Guest Speaker Segment with Hannah Barrington: Dive into the world of dynamic real estate marketing with Hannah, the Marketing Manager at Workspace Group. Hear firsthand how their team generates engaging descriptions for thousands of office units by integrating diverse data sources—from PDF floorplans to web pages—using FME transformers, like OpenAIVisionConnector and AnthropicVisionConnector. This use case will show you how GenAI can streamline content creation for marketing across the board.
Ollama Use Case: Learn how Scenario Specialist Dmitri Bagh has utilized Ollama within FME to input data, create custom models, and enhance security protocols. This segment will include demos to illustrate the full capabilities of FME in AI-driven processes.
Custom AI Models: Discover how to leverage FME to build personalized AI models using your data. Whether it’s populating a model with local data for added security or integrating public AI tools, find out how FME facilitates a versatile and secure approach to AI.
We’ll wrap up with a live Q&A session where you can engage with our experts on your specific use cases, and learn more about optimizing your data workflows with AI.
This webinar is ideal for professionals seeking to harness the power of AI within their data management systems while ensuring high levels of customization and security. Whether you're a novice or an expert, gain actionable insights and strategies to elevate your data processes. Join us to see how FME and AI can revolutionize how you work with data!
Your One-Stop Shop for Python Success: Top 10 US Python Development Providersakankshawande
Simplify your search for a reliable Python development partner! This list presents the top 10 trusted US providers offering comprehensive Python development services, ensuring your project's success from conception to completion.
Full-RAG: A modern architecture for hyper-personalizationZilliz
Mike Del Balso, CEO & Co-Founder at Tecton, presents "Full RAG," a novel approach to AI recommendation systems, aiming to push beyond the limitations of traditional models through a deep integration of contextual insights and real-time data, leveraging the Retrieval-Augmented Generation architecture. This talk will outline Full RAG's potential to significantly enhance personalization, address engineering challenges such as data management and model training, and introduce data enrichment with reranking as a key solution. Attendees will gain crucial insights into the importance of hyperpersonalization in AI, the capabilities of Full RAG for advanced personalization, and strategies for managing complex data integrations for deploying cutting-edge AI solutions.
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?Speck&Tech
ABSTRACT: A prima vista, un mattoncino Lego e la backdoor XZ potrebbero avere in comune il fatto di essere entrambi blocchi di costruzione, o dipendenze di progetti creativi e software. La realtà è che un mattoncino Lego e il caso della backdoor XZ hanno molto di più di tutto ciò in comune.
Partecipate alla presentazione per immergervi in una storia di interoperabilità, standard e formati aperti, per poi discutere del ruolo importante che i contributori hanno in una comunità open source sostenibile.
BIO: Sostenitrice del software libero e dei formati standard e aperti. È stata un membro attivo dei progetti Fedora e openSUSE e ha co-fondato l'Associazione LibreItalia dove è stata coinvolta in diversi eventi, migrazioni e formazione relativi a LibreOffice. In precedenza ha lavorato a migrazioni e corsi di formazione su LibreOffice per diverse amministrazioni pubbliche e privati. Da gennaio 2020 lavora in SUSE come Software Release Engineer per Uyuni e SUSE Manager e quando non segue la sua passione per i computer e per Geeko coltiva la sua curiosità per l'astronomia (da cui deriva il suo nickname deneb_alpha).
HCL Notes and Domino License Cost Reduction in the World of DLAUpanagenda
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-and-domino-license-cost-reduction-in-the-world-of-dlau/
The introduction of DLAU and the CCB & CCX licensing model caused quite a stir in the HCL community. As a Notes and Domino customer, you may have faced challenges with unexpected user counts and license costs. You probably have questions on how this new licensing approach works and how to benefit from it. Most importantly, you likely have budget constraints and want to save money where possible. Don’t worry, we can help with all of this!
We’ll show you how to fix common misconfigurations that cause higher-than-expected user counts, and how to identify accounts which you can deactivate to save money. There are also frequent patterns that can cause unnecessary cost, like using a person document instead of a mail-in for shared mailboxes. We’ll provide examples and solutions for those as well. And naturally we’ll explain the new licensing model.
Join HCL Ambassador Marc Thomas in this webinar with a special guest appearance from Franz Walder. It will give you the tools and know-how to stay on top of what is going on with Domino licensing. You will be able lower your cost through an optimized configuration and keep it low going forward.
These topics will be covered
- Reducing license cost by finding and fixing misconfigurations and superfluous accounts
- How do CCB and CCX licenses really work?
- Understanding the DLAU tool and how to best utilize it
- Tips for common problem areas, like team mailboxes, functional/test users, etc
- Practical examples and best practices to implement right away
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/building-and-scaling-ai-applications-with-the-nx-ai-manager-a-presentation-from-network-optix/
Robin van Emden, Senior Director of Data Science at Network Optix, presents the “Building and Scaling AI Applications with the Nx AI Manager,” tutorial at the May 2024 Embedded Vision Summit.
In this presentation, van Emden covers the basics of scaling edge AI solutions using the Nx tool kit. He emphasizes the process of developing AI models and deploying them globally. He also showcases the conversion of AI models and the creation of effective edge AI pipelines, with a focus on pre-processing, model conversion, selecting the appropriate inference engine for the target hardware and post-processing.
van Emden shows how Nx can simplify the developer’s life and facilitate a rapid transition from concept to production-ready applications.He provides valuable insights into developing scalable and efficient edge AI solutions, with a strong focus on practical implementation.
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc
How does your privacy program stack up against your peers? What challenges are privacy teams tackling and prioritizing in 2024?
In the fifth annual Global Privacy Benchmarks Survey, we asked over 1,800 global privacy professionals and business executives to share their perspectives on the current state of privacy inside and outside of their organizations. This year’s report focused on emerging areas of importance for privacy and compliance professionals, including considerations and implications of Artificial Intelligence (AI) technologies, building brand trust, and different approaches for achieving higher privacy competence scores.
See how organizational priorities and strategic approaches to data security and privacy are evolving around the globe.
This webinar will review:
- The top 10 privacy insights from the fifth annual Global Privacy Benchmarks Survey
- The top challenges for privacy leaders, practitioners, and organizations in 2024
- Key themes to consider in developing and maintaining your privacy program
Taking AI to the Next Level in Manufacturing.pdfssuserfac0301
Read Taking AI to the Next Level in Manufacturing to gain insights on AI adoption in the manufacturing industry, such as:
1. How quickly AI is being implemented in manufacturing.
2. Which barriers stand in the way of AI adoption.
3. How data quality and governance form the backbone of AI.
4. Organizational processes and structures that may inhibit effective AI adoption.
6. Ideas and approaches to help build your organization's AI strategy.
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
Climate Impact of Software Testing at Nordic Testing Days
Html5
1.
2. HTML5: What is it?HTML5: What is it?
HTML5 will be the new standard for HTML,
XHTML, and the HTML DOM.
The previous version of HTML came in 1999.
The web has changed a lot since then.
HTML5 is still a work in progress. However,
most modern browsers have some HTML5
support.
3. HTML5: OriginsHTML5: Origins
HTML5 is a cooperation between the World
Wide Web Consortium (W3C) and the Web
Hypertext Application Technology Working
Group (WHATWG).
WHATWG was working with web forms and
applications, and W3C was working with
XHTML 2.0. In 2006, they decided to
cooperate and create a new version of HTML.
4. HTML5: Ground rulesHTML5: Ground rules
Some rules for HTML5 were established:
New features should be based on HTML,
CSS, DOM, and JavaScript
Reduce the need for external plugins
Better error handling
More markup to replace scripting
HTML5 should be device independent
Dev process should be visible to the public
5. HTML5: New FeaturesHTML5: New Features
Canvas element for drawing
Video/audio elements for media playback
Better support for local offline storage
New content specific elements, like article,
footer, header, nav, section
New form controls, like calendar, date, time,
email, url, search
7. HTML5: SupportHTML5: Support
You may well ask: “How can I start using
HTML5 if older browsers don’t support it?” But
the question itself is misleading.
HTML5 is not one big thing; it is a collection of
individual features. You can only detect
support for individual features, like canvas,
video, or geolocation.
8. HTML5: SupportHTML5: Support
Love it or hate it, you can’t deny that HTML 4
is the most successful markup format ever.
HTML5 builds on that success.
You don’t need to throw away your existing
markup. You don’t need to relearn things you
already know. If your web application worked
yesterday in HTML 4, it will still work today in
HTML5. Period.
9. HTML5: ExampleHTML5: Example
HTML5 supports all the form controls from
HTML 4, but it also includes new input
controls. Some of these are long-overdue
additions like sliders and date pickers; others
are more subtle...
10. HTML5: ExampleHTML5: Example
For example, the email input type looks just
like a text box, but mobile browsers will
customize their onscreen keyboard to make it
easier to type email addresses. Older
browsers that don’t support the email input
type will treat it as a regular text field, and the
form still works with no markup changes or
scripting hacks.
11. HTML5: DOCTYPEHTML5: DOCTYPE
Remember our old friend, the DOCTYPE?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
12. HTML: DOCTYPEHTML: DOCTYPE
Previous versions of HTML defined a lot of
doctypes, and choosing the right one could
be tricky. In HTML5, there is only one
doctype:
<!DOCTYPE html>
13. HTML: SupportHTML: Support
Whether you want to draw on a canvas, play
video, design better forms, or build web
applications that work offline, you’ll find that
HTML5 is already well-supported.
14. HTML: SupportHTML: Support
Firefox, Safari, Chrome, Opera, and mobile
browsers already support canvas, video,
geolocation, local storage, and more. Google
already supports microdata annotations. Even
Microsoft — rarely known for blazing the trail
of standards support — will be supporting
most HTML5 features in the upcoming
Internet Explorer 9.
15. HTML5: MIME typesHTML5: MIME types
Every time your web browser requests a
page, the web server sends “headers” before
it sends the actual page markup. Headers
are important, because they tell your browser
how to interpret the page markup that
follows.
Multipurpose Internet Mail Extensions
16. HTML5: MIME typesHTML5: MIME types
The most important header is
called Content-Type, and it
looks like this:
Content-Type: text/html
“text/html” is called the “content
type” or “MIME type” of the
page.
17. HTML5: MIME typesHTML5: MIME types
This header is the only thing that determines
what a particular resource truly is, and
therefore how it should be rendered. Images
have their own MIME types (image/jpeg for
JPEG images, image/png for PNG images,
and so on). JavaScript files have their own
MIME type. CSS stylesheets have their own
MIME type. Everything has its own MIME
type. The web runs on MIME types.
18. HTML5: DetectionHTML5: Detection
When your browser renders a web page, it
constructs a Document Object Model, a
collection of objects that represent the HTML
elements on the page. Every element is
represented in the DOM by a different object.
In browsers that support HTML5 features,
certain objects will have unique properties. A
quick peek at the DOM will tell you which
features are supported.
19. HTML5: DetectionHTML5: Detection
[Modernizr] is an open source, MIT-licensed
JavaScript library that detects support for
many HTML5 & CSS3 features. To use it,
include the following <script> element at the
top of your page...
21. HTML5: DetectionHTML5: Detection
Modernizr runs automatically. When it runs, it
creates a global object called Modernizr, that
contains a set of Boolean properties for each
feature it can detect. For example, if your
browser supports the canvas API, the
Modernizr.canvas property will be true –
otherwise the property will be false:
22. HTML5: DetectionHTML5: Detection
if (Modernizr.canvas) {
// let's draw some shapes!
} else {
// no native canvas support available :(
}
More on HTML5 detection (and Modernizr)
here: http://diveintohtml5.org/detect.html
23. HTML5: What's NewHTML5: What's New
The internet has changed a lot since HTML 4.01
became a standard in 1999.
Today, some elements in HTML 4.01 are obsolete,
never used, or not used the way they were intended
to. These elements are deleted or re-written in
HTML5.
HTML5 also includes new elements for better
structure, drawing, media content, form handling.
26. HTML5: VideoHTML5: Video
Until now, there has never been a standard
for showing video on a web page.
Today, most videos are shown through a
plugin (like flash). However, not all browsers
have the same plugins.
HTML5 specifies a standard way to include
video, with the video element.
28. HTML5: VideoHTML5: Video
<!DOCTYPE HTML>
<html>
<body>
<video src="movie.ogg" width="320" height="240"
controls="controls">
Your browser does not support the video tag.
</video>
</body>
</html>
29. HTML5: VideoHTML5: Video
The last example uses an Ogg file, and will work in
Firefox, Opera and Chrome.
To make the video work in Safari and future
versions of Chrome, we must add a MPEG4 and
WebM file.
The video element allows multiple source elements.
Source elements can link to different video files. The
browser will use the first recognized format:
30. HTML5: VideoHTML5: Video
<video width="320" height="240"
controls="controls">
<source src="movie.ogg" type="video/ogg" />
<source src="movie.mp4" type="video/mp4" />
<source src="movie.webm" type="video/webm" />
Your browser does not support the video tag.
</video>
31. HTML5: VideoHTML5: Video
Surprising fact: Internet Explorer 8 does not
support the video element. In IE 9, there will
be support for video element using MPEG4.
33. HTML5: AudioHTML5: Audio
Until now, there has never been a standard for
playing audio on a web page.
Today, most audio are played through a plugin (like
flash). However, not all browsers have the same
plugins.
HTML5 specifies a standard way to include audio,
with the audio element. The audio element can play
sound files, or an audio stream.
35. HTML5: AudioHTML5: Audio
<!DOCTYPE HTML>
<html>
<body>
<audio src="song.ogg" controls="controls">
Your browser does not support the audio element.
</audio>
</body>
</html>
36. HTML5: AudioHTML5: Audio
The last example uses an Ogg file, and will
work in Firefox, Opera and Chrome.
To make the audio work in Safari, the audio
file must be of type MP3 or Wav.
The audio element allows multiple source
elements. Source elements can link to
different audio files. The browser will use the
first recognized format
37. HTML5: AudioHTML5: Audio
<audio controls="controls">
<source src="song.ogg" type="audio/ogg" />
<source src="song.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>
38. HTML5: AudioHTML5: Audio
Another surprising fact: Internet Explorer 8
does not support the audio element. In IE 9,
there will be support for audio element.
40. HTML5: CanvasHTML5: Canvas
The HTML5 canvas element uses JavaScript
to draw graphics on a web page.
A canvas is a rectangular area, and you
control every pixel of it.
The canvas element has several methods for
drawing paths, boxes, circles, characters, and
adding images.
41. HTML5: CanvasHTML5: Canvas
Adding a canvas element to the HTML5 page.
Specify the id, width, height of the element:
<canvas id="myCanvas" width="200"
height="100"></canvas>
42. HTML5: CanvasHTML5: Canvas
The canvas element has no drawing abilities of its
own. All drawing must be done inside a JavaScript:
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.fillRect(0,0,150,75);
</script>
Visit the sandbox >>
43. HTML5: Web StorageHTML5: Web Storage
For information about web storage:
http://www.w3schools.com/html5/
44. HTML5: Input typesHTML5: Input types
HTML5 has several new input types for forms.
* email
* url
* number
* range
* date pickers (date, month, week, time,
datetime, datetime-local)
* search
* color
45. HTML5: Input typesHTML5: Input types
Note: Opera has the best support for the new input
types. However, you can already start using them in
all major browsers. If they are not supported, they
will behave as regular text fields.
46. HTML5: Input - e-mailHTML5: Input - e-mail
The email type is used for input fields that should
contain an e-mail address.
The value of the email field is automatically
validated when the form is submitted.
E-mail: <input type="email" name="user_email" />
Tip: Safari on the iPhone recognizes the email input
type, and changes the on-screen keyboard to match
it (adds @ and .com options).
47. HTML5: Input - urlHTML5: Input - url
The url type is used for input fields that should
contain a URL address.
The value of the url field is automatically validated
when the form is submitted.
Homepage: <input type="url" name="user_url" />
Tip: Safari on the iPhone recognizes the url input
type, and changes the on-screen keyboard to match
it (adds .com option).
48. HTML5: Input - numberHTML5: Input - number
The number type is used for input fields that should
contain a numeric value.
Set restrictions on what numbers are accepted:
Points: <input type="number" name="points"
min="1" max="10" />
49. HTML5: Input - rangeHTML5: Input - range
The range type is used for input fields that should
contain a value from a range of numbers.
The range type is displayed as a slider bar.
You can also set restrictions on what numbers are
accepted:
<input type="range" name="points" min="1"
max="10" />
50. HTML5: Input – date pickersHTML5: Input – date pickers
HTML5 has several new input types for selecting
date and time:
* date - Selects date, month and year
* month - Selects month and year
* week - Selects week and year
* time - Selects time (hour and minute)
* datetime - Selects time, date, month and year
* datetime-local - Selects time, date, month and
year (local time)
51. HTML5: Input - searchHTML5: Input - search
The search type is used for search fields, like
a site search, or Google search.
The search field behaves like a regular text
field.
52. HTML5: Input – color pickerHTML5: Input – color picker
The color type is used for input fields that
should contain a color.
This input type will allow you to select a color
from a color picker:
Color: <input type="color" name="user_color" />
53. HTML5: Input - formHTML5: Input - form
HTML5 has several new elements and
attributes for forms.
* datalist
* keygen
* output
54. HTML5: Form elementsHTML5: Form elements
The datalist element specifies a list of options for an
input field. The list is created with option elements
inside the datalist.
The purpose of the keygen element is to provide a
secure way to authenticate users.
The output element is used for different types of
output, like calculations or script output: