Category HTML5

Introduction to HTML6 — Understanding — Structure and Its New Features – Technology is developing so fast, sometimes we can’t keep up with it. We haven’t finished studying HTML5 properly yet, now HTML6 is about to appear, which is the latest version of HTML.

HTML5 has given us some very interesting features such as audio and video support, offline storage and most importantly the ability to build mobile-optimized websites. In addition, html5 gives us the freedom to use the attributes of tags such as and

html6

Understanding HTML6 Concepts
Have you ever wondered if you could express a better use of tags? If not then just imagine you use the tag to set a logo on your web page, or use the tag and so on. Wouldn’t it be better if you could use

tags without using multiple IDs such as wrappers or containers, but using or tags instead of having to use

or

. That’s what will be in HTML6.

Read also:

Understanding HTML5 Structure
Learn HTML5 and CSS3
29 The Power of HTML5 – Infographic
HTML6 is the 6th version of HTML with a namespace that has an XML-like structure. The XML namespace will help you use the same tags without conflicting or without conflict with other tags. For example the one used in the XHTML DOCTYPE:

HTML6 will give us the benefit of using the tags we want and not needing to just use the tags that are already defined.

Looking at the HTML6 document above you will notice some weird tags like . That tag is a namespaced element belonging to the W3C and HTML6 spec, and will trigger an action in the browser. For example, the tag will change the title bar of your browser and will help make the defined image appear on the browser screen. The best part is that all of these elements are specifically defined for the user and have nothing to do with the browser. They are nothing more than hooks for Javascript and stylesheets and help to make your code samples more semantic.

HTML6 APIs
HTML6 tags will have an html namespace like or and so on. Let’s take a look at each of the tag attributes used in the HTML6 script example that we wrote above.

1. 
   This tag will help you link to external documents and scripts such as CSS, JS, and others to HTML documents. This is similar to the tag used in HTML5. This tag includes the following attributes:

Charset: “UTF-8” character encoding
href: It contains a link to the source file
Media: this defines the type of device to be run on, for example “Smartphone” or “Tablet”.
type: MIME type of document

Tag Type Overview
Similar to the current and previous versions of html, HTML6 will also have two types of tags such as single tags and double tags. The single tag will have no text content, and will likely only have attributes. As an example:

Compared to double tags, you don’t need to close your single tags. Double tags have an opening and closing tag, because they have some content. However, in case the double tag has no text-based content, you can reduce it to a single cover from a single variation. As an example:

Content-based text

Conclusion

HTML6 is still not here yet. But the idea of ​​what to offer has been provided by Oscar Godson via HTML6Spec. This post is just to help you give an overview of some basic concepts of Oscar Goodson’s version of HTML6.

Hope this helps you

Tutorial on making games with HTML5 — As we know that HTML5 is currently a hot topic among web developers today, how not, the sophistication of HTML5 has proven to have succeeded in beating down the glory of Flash as a means of making animations for websites.

Currently, several popular games on the Internet have been created using HTML5, so there’s no harm in trying to penetrate the HTML5 game world.

HTML5 has provided developers with a number of advanced features and capabilities. Among them is the ability to build innovative and cool games that users can play directly in their web browser. But to build a really interesting game, of course someone has to be a really talented developer. For this it may take several tutorials to hone these skills. Some of these tutorials may be used as early role models for all of us.

1. Create Your First Game With HTML5

This tutorial presented by Nettuts+ will guide us all to create our first game using HTML5

2. Animated Sprites With HTML5 Canvas and Javascript

This tutorial will teach you how to create animated sprites using HTML5 and Javascript.

3. Introduction to ImpactJs

ImpactJs is a framework for creating games, and this article will guide you through a little bit about ImpactJS.

4. Get to know CreateJS and Create a Pimppong Ball Game

Learn CreateJS with a case study of making a Pimppong ball game with HTML5

5. Get to know the Gamepad API

With the gamepad API, the games you make can be linked to the old console you have, so this also needs to be learned to make HTML5 based games.

6. Creating Game Characters

A game certainly needs a character figure, and this article will teach you how to make that character.

Create html game character
Examples of game characters

Also Read: Creating Animated Circles With HTML5 Canvas – Javascript

7. Creating RPG Games for Mobile with HTML5

This tutorial teaches you to create RPG games with HTML5 for use on platforms that support HTML5

8. Create a Farming Game (plantation) like Farmville

This tutorial will teach you how to make simple farming games like Farmville or if you’ve ever played Harvest Moon on Playstation 1.

9. Create a Virtual Pet Game

This tutorial will teach you to make a game where you are asked to pet your pet virtually.

10. Learn to Manage Assets in Game Making

Want to build a simple asset management component for your HTML5 game? Here’s how to do it!

11. Learn to Make Games That Can Auto Resize

Your users of course sometimes want to play games in portrait and sometimes landscape, now this article can help you understand how to make games that can auto resize with html5.

12. Create a Snake Game With HTML5 Canvas

Canvas is one of the important elements in HTML5 if you want to make games, in this article you can understand canvas creation in case studies of making snake games.

Also Read: Learn HTML5 With Videos

13. Create a Super Mario Game

You must have played the Super Mario game, where there were monsters or enemies, there was a chimney and there was an abyss, this article will take you back to the past by making Super Mario-style games.