Monday, February 28, 2011
Wednesday, December 22, 2010
Learn HTML 5
HTML is essentially how people communicate and acknowledge each other on the World Wide Web as it is the core markup language. The latest version of Hypertext Markup Language, HTML5, has recently been launched with new features and elements to boast about. Here is some information to help you learn HTML 5.
HTML5 is the proposed next standard for HTML 4.01, XHTML 1.0 and DOM Level 2 HTML. Its goal is to reduce the need for proprietary RIA technologies, which include the likes of Adobe Flash, Microsoft Silverlight and Sun JavaFX.
The ideas for the revised HTML began all the way back in 2004 by the WHATWG and are just now making way. Although parts of the revision have been completed and are ready for use, it is an ongoing work that is expected to continue for many years to come.
It certainly features a number of new elements and attributes that will assist modern web sites. Some of the basic elements that have been added include semantic replacements for common uses of generic block and inline elements. Other elements will work with standardized interface like <audio> and <video> elements.
As you learn HTML 5, you will find there are some elements that have been dropped from HTML 4.01. One such feature is the presentational elements of <font> and <centers> which are now achieved using CSS.
There are new features for several different elements with the World Wide Web language. Some of the new features are used for embedding audio, video, graphics, client-side data storage, and interactive documents. In addition, you will find new elements like
You will find over 100 new HTML 5 tags to take advantage of with the revision. Some of the new tags you will find help to define a comment, document type, hyperlink, an article, a body element and much more.
As mentioned, there are several new tags that will help define entertainment features as well. Some of the new tags within this area include
With over 100 different tags added to the revised HTML, it can take some time to become completely familiar with all of the new HTML 5 tags. There are certainly some that will become more popular than others; especially for your particular niche. The key is recognizing the tags that you use most and familiarizing yourself with as many as possible that will be associated with your business.
HTML 5 is going to be he next biggest thing since sliced bread(pardon my lame phrase it’s getting late) the new standard of code is going to allow for website developers, web masters and newcomers to create rich feature packed websites, not only websites in general HTML 5 can even be used to make desktop applications, online applications.
If your even slightly interested in making websites or applications then you really should learn HTML 5, the code itself is not all that different from the current code, all tho as this is a huge update to Hyper Text Markup Language there are plenty of new features and a whole lot of extra coding, it may sound a little scary at the moment as there are not many sites actually using HTML 5 this will start to change in the coming months. The reason not many sites are using HTML 5 already is due to the fact that only 2 out of about 20 different browsers can understand the new HTML 5 markup, In the coming weeks we will be making a HTML 5 website so that you can see just what it is capable of (you will need to download the Safari browser in order to view our HTML 5 examples).
We will be adding HTML 5 tutorials every few days so please come back shortly and you can learn HTML 5 with us.
Some people believe that HTML 5 coding is only being introduced to make browsers manufacturers (browser/ software companies) while other webmasters see this as a great step forward to being able to develop more powerful multimedia. HTML 5 will change the way we work with general HTML as the soon to be standard code is not just a markup from HTML 4 but more that of a new language, HTML will make life easier for everyone including not just browser manufactures but also developers, there are already some example JavaScript applications and APIs using the upcoming HTML5 code.
Most HTML based websites are using HTML 4 as we speak but this will start to change over the coming months and years, up until now the HTML code has hardly evolved from HTML 2.0 only some issues were addressed with the release of HTML 4 along with a small amount of new code references, HTML 5 is based from HTML 4 but in it’s own right it will be completely different and will change the way your browsers render websites on your PC screen, HTML 5 will rely heavily on JavaScript, should you have JavaScript turned off the website / pages are unlikely to render correctly.
Please check back soon as we will have a more detailed look into the new code.
HTML5 is a new web standard and is gaining rapid popularity. It enables features which enhances your web experience and supports video and audio playback. This means that users with an HTML5 compatible browser and the appropriate codecs don’t need to download separate browser plugins.
It should be noted that for now, the browsers which are compatible with this video player include the following:
· Firefox 4 (WebM,)
· Google Chrome
· Opera 10.6+ (WebM)
· Apple Safari (h.264, version 4+)
· Microsoft Internet Explorer 9 (h.264)
· Microsoft Internet Explorer 6, 7, or 8 with Google Chrome Frame installed
Keep in mind that this player is still in the experimental phase and there are limited videos produced for this format. However as the bugs get worked out and HTML5 gets more mainstream, you are sure to se this player pick up in popularity.
It’s an open platform so there are a lot of people working on it and enhancing it. There are a few other things to note as listed in the YouTube support page for HTML5.
· Fullscreen support is partially implemented. Pressing the fullscreen button will expand the player to fill your browser. If your browser supports a fullscreen option, you can then use that to truly fill the screen
· The HTML5 player has a badge in the control bar. If you don’t see the “HTML5″ icon in the control bar, you’ve been directed to the Flash player (due to restrictions listed below)
· The HTML5 player also has a badge to indicate the video is using the WebM format. If you don’t see the “WebM” icon, the video is encoded using h.264
· If you want to find videos with WebM formats available, you can use the Advanced Search options to look for them (or just add &webm=1 to any search URL)
And for those of you who really aren’t sure what the big deal is about this player and HTML5 in the first place, it is designed to replace the Flash player/plugin. This player hogs a lot of computing resources so migration to a video player which operates under HTML5 will enable a much more efficient and faster process. So those high def movies won’t slow down the rest of your system..
HTML5 / HTML 5 is about to change the way we go about implementing Audio into websites and apps with this tag= <audio> this new tag will enable us to play Audio natively from your preferred browser, we are still a while away from all browsers supporting HTML 5 however you can use the Safari browser which is already taking advantage of html 5.
HTML5 has been designed with audio and video codecs which should take less processing power than an equivalent Flash player. Independent tests have shown that this is generally so although not entirely across the board. As with most new technologies, things are not always clearcut.
However even with improvements in processing efficiency from HTML5, it should not be assumed that it will completely replace Flash or even have a significant impact, especially on rich web content. Flash still has many advantages such as:
~ Better sub pixel resolution and anti aliasing
~ It’s good excellent developer tools (far more extensive than HTML5)
~ Flash has a vast array of good looking and impactful fonts
At this point, graphic artists and game developers still love Flash. And though they certainly like the idea of being able to operate with less computing overhead, they want to get the most control and ability to generate outstanding results.
However for many simpler video playback application such as in YouTube, HTML5 has the ability to quickly surpass Flash as the video/audio player of choice in browsers. At this point, the development of the YouTube HTML5 supported player is still in its early phases and a lot more tweaking and refinement must be done.
It also needs more support to work properly with other browsers and extensive testing to work out instability and incompatibility issues. However since it’s on an open platform, there are many people working through these issues so it is just a matter of time.
But many people feel that this process could easily take years. There are still many issues to work through. This gets down to some parts of the HTML5 specification which are viewed to be controversial by many critics.
And the fact still remains that HTML5 is not compatible with all browsers and many users are resistant to changing to another browser. As far as the average computer user is concerned, if it works ok for them they are not interested in moving to another browser.
For example, Intenet Explorer is largely criticized for its instability and security flaws. Yet many people steadfastly hold on that browser and are very reluctant to change to something like Firefox or Chrome.
So be aware that even with the potential efficiencies which HTML5 can bring, don’t expect rapid deployment or changes away from Flash.
HTML5 is the proposed next standard for HTML 4.01, XHTML 1.0 and DOM Level 2 HTML. Its goal is to reduce the need for proprietary RIA technologies, which include the likes of Adobe Flash, Microsoft Silverlight and Sun JavaFX.
The ideas for the revised HTML began all the way back in 2004 by the WHATWG and are just now making way. Although parts of the revision have been completed and are ready for use, it is an ongoing work that is expected to continue for many years to come.
It certainly features a number of new elements and attributes that will assist modern web sites. Some of the basic elements that have been added include semantic replacements for common uses of generic block and inline elements. Other elements will work with standardized interface like <audio> and <video> elements.
As you learn HTML 5, you will find there are some elements that have been dropped from HTML 4.01. One such feature is the presentational elements of <font> and <centers> which are now achieved using CSS.
Lastly, you will find the HTML syntax is no longer based on SGML. It now comes with a new introductory line that is similar to SGML document type declaration, allowing standards-compliant rendering in all browsers that use “DOCTYPE sniffing.”
New HTML 5 Tags To Familiarize Yourself With
It is expected to find new elements and additions to any upgraded version of a program or software. The same holds true for HTML 5 as there are a number of new HTML 5 tags you will find. The latest version improves interoperability while reducing the development costs simply by making precise rules on how to handle all of the different HTML elements.There are new features for several different elements with the World Wide Web language. Some of the new features are used for embedding audio, video, graphics, client-side data storage, and interactive documents. In addition, you will find new elements like
<nav>, <header> and <footer>.You will find over 100 new HTML 5 tags to take advantage of with the revision. Some of the new tags you will find help to define a comment, document type, hyperlink, an article, a body element and much more.
As mentioned, there are several new tags that will help define entertainment features as well. Some of the new tags within this area include
<video>, <img> for an image, <canvas> to describe graphics, and <audio> to define sound content. With more and more web sites applying video and audio to their web pages, it is imperative you recognize and understand these tags. With over 100 different tags added to the revised HTML, it can take some time to become completely familiar with all of the new HTML 5 tags. There are certainly some that will become more popular than others; especially for your particular niche. The key is recognizing the tags that you use most and familiarizing yourself with as many as possible that will be associated with your business.
Should i learn HTML 5 ?
We are getting a few emails with people asking if they should learn HTML 5 so today we will try and clear a few things up. As you know HTML 5 is going to be the next installment in Hyper Text Markup Language, this is quite a leap forward in terms of what has changed in the last five or so years, currently HTML 4.01 is the standard HTML being used and it wasn’t all that much of a change since upgrading from the previous HTML 2.0.HTML 5 is going to be he next biggest thing since sliced bread(pardon my lame phrase it’s getting late) the new standard of code is going to allow for website developers, web masters and newcomers to create rich feature packed websites, not only websites in general HTML 5 can even be used to make desktop applications, online applications.
If your even slightly interested in making websites or applications then you really should learn HTML 5, the code itself is not all that different from the current code, all tho as this is a huge update to Hyper Text Markup Language there are plenty of new features and a whole lot of extra coding, it may sound a little scary at the moment as there are not many sites actually using HTML 5 this will start to change in the coming months. The reason not many sites are using HTML 5 already is due to the fact that only 2 out of about 20 different browsers can understand the new HTML 5 markup, In the coming weeks we will be making a HTML 5 website so that you can see just what it is capable of (you will need to download the Safari browser in order to view our HTML 5 examples).
We will be adding HTML 5 tutorials every few days so please come back shortly and you can learn HTML 5 with us.
What is HTML 5
HTML 5 is to be the new standard of HTML (Hyper Text Markup Language) HTML 5 has been on the drawing boards to quite some time now all tho it seemed like it was to far into the future to start worrying about now, that said we are getting ever closer to HTML 5 being a common practice amongst webmasters.Some people believe that HTML 5 coding is only being introduced to make browsers manufacturers (browser/ software companies) while other webmasters see this as a great step forward to being able to develop more powerful multimedia. HTML 5 will change the way we work with general HTML as the soon to be standard code is not just a markup from HTML 4 but more that of a new language, HTML will make life easier for everyone including not just browser manufactures but also developers, there are already some example JavaScript applications and APIs using the upcoming HTML5 code.
Most HTML based websites are using HTML 4 as we speak but this will start to change over the coming months and years, up until now the HTML code has hardly evolved from HTML 2.0 only some issues were addressed with the release of HTML 4 along with a small amount of new code references, HTML 5 is based from HTML 4 but in it’s own right it will be completely different and will change the way your browsers render websites on your PC screen, HTML 5 will rely heavily on JavaScript, should you have JavaScript turned off the website / pages are unlikely to render correctly.
Please check back soon as we will have a more detailed look into the new code.
YouTube Video Player Uses HTML5
In August of last year, Youtube introduced a video player which uses the HTML5 video tags. If your browser can support this video tag and the YouTube video you want to use doesn’t include captions, annotations and doesn’t show ads, you’ll be able to watch this video in YouTube’s HTML5 player. Here are some highlights of the player.HTML5 is a new web standard and is gaining rapid popularity. It enables features which enhances your web experience and supports video and audio playback. This means that users with an HTML5 compatible browser and the appropriate codecs don’t need to download separate browser plugins.
It should be noted that for now, the browsers which are compatible with this video player include the following:
· Firefox 4 (WebM,)
· Google Chrome
· Opera 10.6+ (WebM)
· Apple Safari (h.264, version 4+)
· Microsoft Internet Explorer 9 (h.264)
· Microsoft Internet Explorer 6, 7, or 8 with Google Chrome Frame installed
Keep in mind that this player is still in the experimental phase and there are limited videos produced for this format. However as the bugs get worked out and HTML5 gets more mainstream, you are sure to se this player pick up in popularity.
It’s an open platform so there are a lot of people working on it and enhancing it. There are a few other things to note as listed in the YouTube support page for HTML5.
· Fullscreen support is partially implemented. Pressing the fullscreen button will expand the player to fill your browser. If your browser supports a fullscreen option, you can then use that to truly fill the screen
· The HTML5 player has a badge in the control bar. If you don’t see the “HTML5″ icon in the control bar, you’ve been directed to the Flash player (due to restrictions listed below)
· The HTML5 player also has a badge to indicate the video is using the WebM format. If you don’t see the “WebM” icon, the video is encoded using h.264
· If you want to find videos with WebM formats available, you can use the Advanced Search options to look for them (or just add &webm=1 to any search URL)
And for those of you who really aren’t sure what the big deal is about this player and HTML5 in the first place, it is designed to replace the Flash player/plugin. This player hogs a lot of computing resources so migration to a video player which operates under HTML5 will enable a much more efficient and faster process. So those high def movies won’t slow down the rest of your system..
A new take on Audio
A big talking point of the upcoming (Hyper Text Markup Language) HTML5 is the implementation of native audio, As you should already know if you visit a website or are using web based applications in order to play the Audio content you need to have installed a 3rd party application “Adobe Flash Player” sometimes this can cause some grief to webmasters and web designers, don’t get me wrong Adobe flash player is without a doubt the best 3rd party plugin for supporting audio,video and streaming content.HTML5 / HTML 5 is about to change the way we go about implementing Audio into websites and apps with this tag= <audio> this new tag will enable us to play Audio natively from your preferred browser, we are still a while away from all browsers supporting HTML 5 however you can use the Safari browser which is already taking advantage of html 5.
<span>src</span>– a valid URL specifying the content source.<span>autobuffer</span>– a boolean specifying whether the file is to be buffered in advance.<span>autoplay</span>– a boolean specifying whether the file should play as soon as it can.<span>loop</span>– a boolean specifying whether the file should be repeatedly played.<span>controls</span>– a boolean that if set tells the browser to display its default media controls.
HTML5 vs Flash – How Does It Affect You?
The manner in which most videos are currently played through browsers these days is through a Flash plugin. This works pretty well but Flash unfortunately requires a lot of computing power. A new web standard HTML5 is trying to change that.HTML5 has been designed with audio and video codecs which should take less processing power than an equivalent Flash player. Independent tests have shown that this is generally so although not entirely across the board. As with most new technologies, things are not always clearcut.
However even with improvements in processing efficiency from HTML5, it should not be assumed that it will completely replace Flash or even have a significant impact, especially on rich web content. Flash still has many advantages such as:
~ Better sub pixel resolution and anti aliasing
~ It’s good excellent developer tools (far more extensive than HTML5)
~ Flash has a vast array of good looking and impactful fonts
At this point, graphic artists and game developers still love Flash. And though they certainly like the idea of being able to operate with less computing overhead, they want to get the most control and ability to generate outstanding results.
However for many simpler video playback application such as in YouTube, HTML5 has the ability to quickly surpass Flash as the video/audio player of choice in browsers. At this point, the development of the YouTube HTML5 supported player is still in its early phases and a lot more tweaking and refinement must be done.
It also needs more support to work properly with other browsers and extensive testing to work out instability and incompatibility issues. However since it’s on an open platform, there are many people working through these issues so it is just a matter of time.
But many people feel that this process could easily take years. There are still many issues to work through. This gets down to some parts of the HTML5 specification which are viewed to be controversial by many critics.
And the fact still remains that HTML5 is not compatible with all browsers and many users are resistant to changing to another browser. As far as the average computer user is concerned, if it works ok for them they are not interested in moving to another browser.
For example, Intenet Explorer is largely criticized for its instability and security flaws. Yet many people steadfastly hold on that browser and are very reluctant to change to something like Firefox or Chrome.
So be aware that even with the potential efficiencies which HTML5 can bring, don’t expect rapid deployment or changes away from Flash.
Subscribe to:
Comments (Atom)