![HTML5
<!DOCTYPE html>
XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
HTML5 HTML5
<script> <style>
// Code here. // Code here.
</script> </style>
XHTML 1.0 Transitional XHTML 1.0 Transitional
<script type="text/javascript"> <style type="text/css">
/* <![CDATA[ */ // Code here.
// Code here. </style>
/* ]]> */
</script>](https://image.slidesharecdn.com/superquickintroductiontohtml5-120808100756-phpapp02/85/Super-quick-introduction-to-html5-4-320.jpg)
Uploaded byWoody Pewitt
Super quick introduction to html5
This document provides a quick introduction to HTML5, highlighting some of its new features such as more semantic HTML tags, media tags, geolocation, canvas, input types, form validation, draggable, local storage, and cross-domain messaging. It shows simplified HTML5 code compared to older XHTML and lists some new input types. Finally, it provides a list of resources for learning more about HTML5.
More Related Content
Similar to Super quick introduction to html5
![[PSU Web 2011] HTML5 Design](https://cdn.slidesharecdn.com/ss_thumbnails/html5-design-110613130006-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Super quick introduction to html5
- 1. Super quick Introductionto HTML5 Woody Pewitt Icenium Evangulist http://blog.pewitt.org @woodyp woodyp@telerik.com
- 2. • Less Header Code • More Semantic HTML tags • Media Tags • Geolocation • Canvas • Input Types • Form Validation • Draggable • Local Storage • Cross-Domain Messaging • Web Sockets • Eventually, 3D canvas
- 3.
- 4. HTML5 <!DOCTYPE html> XHTML 1.0Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> HTML5 HTML5 <script> <style> // Code here. // Code here. </script> </style> XHTML 1.0 Transitional XHTML 1.0 Transitional <script type="text/javascript"> <style type="text/css"> /* <![CDATA[ */ // Code here. // Code here. </style> /* ]]> */ </script>
- 5. SOME NEW TAGSIN HTML5
- 7. SO WHERE ISTHE SEXY?
- 8. <canvas> + <svg> •SVG (Scalable Vector Graphics) pre-dates HTML5 • But it is finally viable now that IE9 supports it • This means all major browsers will support SVG and canvas I will not cover <svg> or <canvas> in this talk
- 9. New for elements <inputtype="date" /> <input type="datetime" /> <input type="email" /> <input type="month" /> <input type="number" /> <input type="range" /> <input type="tel" /> <input type="time" /> <input type="url" /> All tags from HTML4 are supported
- 10. Resources • html5test.com • alistapart.com/articles/get-ready-for-html-5 • dev.w3.org/html5/spec/Overview.html • diveintohtml5.org • html5.org • html5demos.com • html5doctor.com • sencha.com/products/touch • w3schools.com/html5
Editor's Notes
- #7 <header><footer><aside><nav><div class=”content”><article><section><hgroup><section><dialog><p>etc...<figure><figcaption><img /><details><summary><p>etc...