HTML & CSS

What is HTML5, full Explanation of HTML5?

Description:

I think most of you guys didn’t know about HTML5. So in today’s article, I will tell you what actually HTML5 is and why it’s better than HTML4.

So what is HTML5, I will explain it very easily and those who are just beginners, they will understand that too. I will also explain the difference from before. So stay tuned.

In addition, the following article explains in detail what HTML is, its characteristics, and what it can do.




What is HTML?

Well, many of you will be asking, “What is HTML stand for, or what is HTML? So, HTML is an abbreviation for Hyper Text Markup Language, and it is like a language for writing the contents of web pages. In the web world, it becomes the basic language among the basics.

What is HTML5?

HTML5 is version 5 of HTML. The initial version of HTML1 was developed in 1993, and HTML4, which was upgraded in December 1999, was developed after several upgrades. This HTML4 has supported WEB as a language for creating modern websites. And HTML5 was announced on October 28, 2014, and now it is very important for website creation. In other words, HTML = HTML5, which is the latest version of HTML. HTML5 is normal if you want to create a website. In the past, HTML4 supported the web, and now HTML5 is the only choice for creating a homepage. HTML5 has many functions compared to 4 and is very convenient. What I would like to pay particular attention to is the “multi-device support” that HTML4 did not have. At the time HTML4 was announced, it was still in the age of flip phones, so it wasn’t configured with smartphones in mind.

However, HTML5 was a draft announced the year after the iPhone was announced, and was officially released in 2014, when everyone started to have smartphones, so it became very easy to support smartphones. Moreover, since it supports any browser, there is no such thing as Google Chrome being fine, but Internet Explorer is useless.



What you can do with HTML5

Using HTML5, you can create not only homepages but also screens for web applications. When creating these screens, it is very convenient to be able to do the following.

  • Smartphone compatibility is super easy
  • Create 3D animations
  • You can embed audio and video
  • Easy form validation

How to use HTML5

In order to use HTML5, you have to prepare something special. HTML5 has descriptions (tags) for HTML5. It’s OK if you use it, so you don’t need any work such as complicated downloads.

Features of HTML5

The features of HTML5 can be summarized as follows.

The processing was a bit complicated until now. Now it can be done easily, and HTML5 can now be written more architecturally and smartly.

There are many improvements from HTML4, but among them, I would like to introduce three features that stand out and are packed with the appeal of HTML5.



Easy to embed video and audio

Until now, in HTML4, we used something called “Flash” to use videos. However, the incorporation of this Flash was a little complicated for beginners.

However, with HTML5, it is now possible to handle video and audio simply by using “tags” such as <video> and <audio>. Moreover, since it can be played not only on PCs but also on smartphones, etc., there is no need to worry about compatible models when creating websites.

Simple document structure

Until now, when building a web page with HTML4, the sentences were filled with tags. With the addition of new elements that represent document structure, HTML5 not only makes it easier to read but also makes it possible to communicate document structure more clearly to browsers and search engines.

For example, <header> indicates a header, <footer> indicates a footer, <section> indicates one section, <article> indicates an article, <nav> indicates navigation, etc. has been added and can now be assigned to the appropriate elements according to their role.

Easy to create web applications

In HTML5, various new APIs have been added to realize advanced functions that were difficult to achieve in HTML4 and earlier.

API is an acronym for Application Programming Interface and is a convention for programming applications. In other words, it defines the rules for writing commands and functions that are specified when implementing some kind of function.

For example, getting the user’s location information or adding drag-and-drop functionality was previously difficult, but now it’s easy to incorporate. By using the API, it is now possible to build web applications with more advanced functions than simply creating documents.



Which should you learn, HTML5 or 4?

Most of the homepages currently in operation are HTML5, and new homepages will be created with HTML5, so if you keep HTML5 down, you will definitely be able to do it.

Nonetheless, the number of websites that are still configured and operated using HTML4 is not zero. If you make a living by creating websites, you may come across a situation where you have to use HTML4, or you may have a project to convert a website built fromHTML4 to HTML5.

HTML5 learning steps

If you want to learn HTML5, I recommend following the steps below.

  • how to write
  • Practice grouping information

First of all, let’s hold back from the manners of writing. HTML is surrounded by “start tag” and “end tag”.

A start tag is something enclosed in parentheses like “<div>”. The closing tag is like “</div>” with a slash at the beginning of the character.

[HTML]

<div> Programming Digest</div>

Like this, the basic writing method is to set the start tag and end tag and put characters, etc. in between.




Practice grouping information

HTML is a language that is written by simply combining tags, so if you keep the basics down, you will be able to write easily. But with HTML it’s important to group the information correctly.

Before you start writing hard, let’s practice that first. Open your favorite homepage and try to classify it by saying, “This part is a headline,” “This part is a list,” and “This part has a frame, so it must be some kind of group.”

If you print out the homepage and write it down, you can have a more sensory understanding. It may seem roundabout, but feel cheated and try even just one page.

Let’s write

After that, move your hands steadily and let your body soak in what kind of tags there are and how to write them.

Learning sites are useful at this time. You can learn how to write basic tags, and you can also learn detailed rules of HTML together. There is an article that introduces recommended study sites, so please use this as a reference.



Languages ​​you want to learn along with HTML5

As explained above, the things that can be done with HTML5 are expanding more and more.

For example, if you combine CSS3, you can add animation when you hover the cursor over a button, or use JavaScript to acquire location information and play videos, making it possible to create more dynamic sites But which languages ​​should be combined?

So this was my article on HTML5. I hope you have learned something new today. If you enjoyed this article then please do check out my other article as well.

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button