Html5 tutorials

MIME Type in HTML5

unitechy — Sun, 08 Aug 2010 21:35:32 +0000

During early days when the internet was new and the web browser were just introduced, web servers did not send any header to the browser. So it was difficult for the web browser to interpret what type to content to expect in the page. Then in 1994, the concept of header was introduced or MIME type.

So now when you load a page, say for example, http://unitechy.com, the web server first sends header to the browser letting it know what type of content to expect. Here, since the website basically has text, it will say to the browser. “Mr.Browser, the website unitechy.com contains text in the form on HTML in it”. So accordingly, the browser will parse the content as text.

You can define the MIME type in header for text as:

Content-type: text/html

If your page has image as content then you should define in your header:

Content-type: image/image-extension

eg:

Content-type: image/png for JPEG image

Content-type: image/JPEG for a JPEG image

For any data on your webpage you need to define the content type. Even for pdf, javascript et cetra.

Filed under: html5 Tagged: header, MIME type

Declare Document Language In HTML5

unitechy — Fri, 11 Sep 2009 09:14:47 +0000

The HTML element in HTML5 now allows you to add the language of your document

So now if your webpage in HTML5 is in English, here is how your code should look like:

DOCTYPE html>

Oh! My page is In English

English

Did you know, if you could read this, you know English Language!!

Congratu-fuckin-lations!!

Posted in html5 Tagged: doctype, html5

Doctype In Html5

unitechy — Thu, 10 Sep 2009 16:18:00 +0000

Doctype declaration is an instruction to the browser about what type of markup language you will be using in a webpage.

Example of Doctype in HTML 1.0

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

Ubersexy page

Nice webpage this is

—————————————————————————————-

Declaring Doctype in HTML5 is damn easy! The above Doctype declaration just changes to something like this in HTML5:

Ubersexy page

Nice webpage this is

—————————————————————————————–

Easy isn’t it?

Posted in html5 Tagged: doctype, doctype in html5, html5

What Is Html5?

unitechy — Sun, 30 Aug 2009 15:07:50 +0000

Wikipedia says

HTML 5 is the next major revision of HTML (Hypertext Markup Language), the core markup language of the World Wide Web. The WHATWG started work on the specification in June 2004 under the name Web Applications 1.0^[1]. The W3C adopted the draft in May 2007 as its basis for review. The specification was published as a First Public Working Draft at the W3C on January 22, 2008.

HTML 5 is the proposed next standard for both HTML 4.01 and XHTML 1.0, as development on the next version of the latter has stopped. HTML 5 was initially said to become a game-changer in Web application development, making obsolete such plug-in-based rich Internet application (RIA) technologies as Adobe Flash, Microsoft Silverlight, and Sun JavaFX.^[2] Such applications would be made obsolete by specifying a standard video codec for all browsers to use. However, in December 2007, the editor of the burgeoning draft specification dropped the recommendation of the free software Theora and Vorbis codecs, after opposition from Apple and Nokia. This means HTML 5 does not currently specify a common video codec for Web development.^[3]

The ideas behind HTML 5, originally referred to as Web Applications 1.0, were pioneered in 2004 by the Web Hypertext Application Technology Working Group (WHATWG); HTML 5 incorporates Web Forms 2.0, another WHATWG specification. The HTML 5 specification was adopted as the starting point of the work of the new HTML working group of the W3C in 2007. The working group published the First Public Working Draft of the specification on January 22, 2008.^[4] The specification is an ongoing work, and is expected to remain so for many years, although parts of HTML 5 are going to be finished and implemented in browsers before the whole specification reaches final Recommendation status.^[5] The editors are Ian Hickson of Google, Inc. and David Hyatt of Apple, Inc.^[4]

The new html5 supports a variety of elements like: