HTML5 = new standard for HTML, cooperation between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG)
Rules for HTML5:
- New features should be based on HTML, CSS, DOM, and JavaScript
- Reduce the need for external plugins (like Flash)
- Better error handling
- More markup to replace scripting
- HTML5 should be device independent
- The development process should be visible to the public
html
head
body
New features:
- The canvas element for 2D drawing
- The video and audio elements for media playback (also source, embed, track)
- Support for local storage
- New content-specific elements, like article, footer, header, nav, section (and more)
- New form controls, like calendar, date, time, email, url, search (datalist, keygen, output)
- Removed: acronym, applet, basefont, big, center, dir, font, frame, frameset, noframes, strike, tt, u
-Certain browsers support
-Also has methods, properties, and events
Defines a new element which specifies a standard way to embed an audio file on a web page: the audio element
-Certain browsers support
-Control attribute adds audio controls, like play, pause, and volume
Drag and drop is part of the standard, and any element can be draggable
Canvas element used to draw graphics, on the fly, on web page (usually JavaScript)
-only a container for graphics
-several methods for drawing paths, boxes, circles, characters, and adding images
SVG=
- Stands for Scalable Vector Graphics
- Used to define vector-based graphics for the Web
- Defines the graphics in XML format
- Graphics do NOT lose any quality if they are zoomed or resized
- Every element and every attribute in SVG files can be animated
- W3C recommendation
- Images can be created and edited with any text editor
- Images can be searched, indexed, scripted, and compressed
- Images are scalable
- Images can be printed with high quality at any resolution
- Images are zoomable (and the image can be zoomed without degradation)
-position not available unless user approves it
-getCurrentPosition
Web pages can store data locally within the user's browser
-stored in key/value pairs, and a web page can only access data stored by itself
Application cache = a web application is cached, and accessible without an internet connection
Advantages:
- Offline browsing - users can use the application when they're offline
- Speed - cached resources load faster
- Reduced server load - the browser will only download updated/changed resources from the server
Server-sent Event = web page automatically gets updates from a server (onopen, onmessage, onerror)
HTML5 Forms, Reference, Tags
It's very interesting to see the updates to HTML in HTML5. It really seems like this new standard takes into account the way that the internet works today and will create more flexibility for HTML developers in the present and future. It does seem overwhelming since I don't feel like I have a grasp of the previous standard yet, but hopefully I can learn what I need to about HTML5.
HTML5 - Wikipedia page
HTML5 = language for structuring and presenting content, originally proposed by Opera Software
=Fifth revision, still in development in March 2012
=response to the observation that the HTML and XHTML in common use on the World Wide Web are a mixture of features introduced by various specifications
Many new features, like video, audio, canvas elements
Designed for multimedia graphical content
APIs and DOM are fundamental part
No longer based on SGML
New APIs:
- canvas element for immediate mode 2D drawing. See Canvas 2D API Specification 1.0 specification
- Timed media playback
- Offline Web Applications
- Document editing
- Drag and drop
- Cross document messaging
- Browser history management
- Mime Type and protocol handler registration
- Microdata
- Web Storage, a key-value pair storage framework that provides behaviour similar to Cookies but with larger storage capacity and improved API
HTML5 = flexible in handling incorrect syntax, new error handling
Differences between old and new:
- New parsing rules
- Inline SVG and MathML
- Many new elements
- New types of form controls
- New attributes
- Global attributes
- Depracated elements dropped
XHTML - w3schools
XHTML=
- stands for EXtensible HyperText Markup Language
- almost identical to HTML 4.01
- stricter and cleaner version of HTML
- HTML defined as an XML application
- W3C Recommendation of January 2000
- supported by all major browsers
Important differences from HTML:
- XHTML elements must be properly nested
- XHTML elements must always be closed
- XHTML elements must be in lowercase
- XHTML documents must have one root element
- Attribute names must be in lower case
- Attribute values must be quoted
- Attribute minimization is forbidden
- The XHTML DTD defines mandatory elements
-then head and body
This article gave me a good introduction to XHTML, although now I feel a bit overwhelmed with all the different markup languages that we've covered in our readings. I know that they all have differences that set them apart from the others, but I think that for someone who doesn't have experience with them, they all start to look the same. I think that maybe if I started using them I would have a better understanding of the differences between them. As I understand it, XHTML is like a combination of XML and HTML.
No comments:
Post a Comment