Lets see briefly what is the difference between HTML4 & HTML5 today…
Before get into deep of html5 lets look into some basics.. 😉
Do u know what is doctype and why its used??
The HTML syntax of HTML5 requires a doctype to be specified to ensure that the browser renders the page in standards mode. The doctype has no other purpose.
In order to deal both with content written according to Web standards and with content written according to legacy practices that were prevalent in the late 1990s, today’s Web browsers implement various engine modes.
Names of Browser Engines
|Internet Explorer 4…7||Trident||jscript|
|Mac IE 5||Tasman||jscript|
|Opera 9.5||Presto Core 2||futhark|
- The script engine of Mac IE 5 is a port of the engine that is used in Windows IE although the layout engines are different.
What is HTML5?
HTML5 is the latest version of HTML and XHTML. It comes up with a number of features like drag and drop, multimedia, video playback, APIs, form control etc.
What are the benefits of HTML5?
- HTML5 brings in new elements to structure the web pages as compared to HTML4 which uses common structures such as: – header, columns etc.
- These new elements are: header, nav, section, article, aside, footer etc.
The following elements have been introduced for better structure:
sectionrepresents a generic document or application section. It can be used together with the
h6elements to indicate the document structure.
articlerepresents an independent piece of content of a document, such as a blog entry or newspaper article.
asiderepresents a piece of content that is only slightly related to the rest of the page.
hgrouprepresents the header of a section.
headerrepresents a group of introductory or navigational aids.
footerrepresents a footer for a section and can contain information about the author, copyright information, etc.
navrepresents a section of the document intended for navigation.
figurerepresents a piece of self-contained flow content, typically referenced as a single unit from the main flow of the document.
<figure> <video src="example.webm" controls></video> <figcaption>Example</figcaption> </figure>
figcaptioncan be used as caption (it is optional).
Then there are several other new elements:
audiofor multimedia content. Both provide an API so application authors can script their own user interface, but there is also a way to trigger a user interface provided by the user agent.
sourceelements are used together with these elements if there are multiple streams available of different types.
trackprovides text tracks for the
embedis used for plugin content.
markrepresents a run of text in one document marked or highlighted for reference purposes, due to its relevance in another context.
progressrepresents a completion of a task, such as downloading or when performing a series of expensive operations.
meterrepresents a measurement, such as disk usage.
timerepresents a date and/or time.
- WHATWG HTML has
datawhich allows content to be annotated with a machine-readable value.
- WHATWG HTML has
dialogfor showing a dialog.
rpallow for marking up ruby annotations.
bdirepresents a span of text that is to be isolated from its surroundings for the purposes of bidirectional text formatting.
wbrrepresents a line break opportunity.
canvasis used for rendering dynamic bitmap graphics on the fly, such as graphs or games.
commandrepresents a command the user can invoke.
detailsrepresents additional information or controls which the user can obtain on demand. The
summaryelement provides its summary, legend, or caption.
datalisttogether with the a new
inputcan be used to make comboboxes:
<input list="browsers"> <datalist id="browsers"> <option value="Safari"> <option value="Internet Explorer"> <option value="Opera"> <option value="Firefox"> </datalist>
keygenrepresents control for key pair generation.
outputrepresents some type of output, such as from a calculation done through scripting.
The idea of these new types is that the user agent can provide the user interface, such as a calendar date picker or integration with the user’s address book, and submit a defined format to the server. It gives the user a better experience as his input is checked before sending it to the server meaning there is less time to wait for feedback.
For more clickhere