DEV Community

Cover image for HTML5 is the Future of Web Design! But What is it? A blog about HTML5 and how it's changing the web.
Setor Kwame
Setor Kwame

Posted on • Edited on

HTML5 is the Future of Web Design! But What is it? A blog about HTML5 and how it's changing the web.

If you have heard of HTML before, but don't really know what it is just yet. HTML is a markup language you can use to build websites and applications. You are probably thinking, “why do I need more than one language to build a website?” The answer is simple: HTML and CSS work together to provide the structure of your website while providing the styles and other visual hooks that can be accomplished with CSS.

The web has changed a lot over the past two decades. We've gone from just hyperlinks and paragraphs to fully multimedia experiences that can only be created with HTML, CSS, and PHP (or JavaScript). So, as part of the HTML5 standard, we have a whole new way to build these beautiful experiences.

HTML5 is an upcoming major version of the HTML standard. It introduces several new elements and extends many of the existing elements.

HTML5 is a major revision of the HTML standard. It includes new structures and tags, such as

<section>, <time>, and <article>
Enter fullscreen mode Exit fullscreen mode

It also provides support for multimedia and more semantic markup. The main goal of HTML5 is to create a standard that can be used across all devices, including mobile phones and tablets.

The new elements in HTML5 can be used to make your website more semantic, or “meaningful” for the browser to be able to read the website. This means that instead of using tags like

to organize your content, you should use the new semantic tags that HTML5 has introduced. Here is a list of some of the new elements;
<header>, <section>, <article>, <time>, <nav>, <footer>, <aside, <figcaption>

etc.

HTML5 also helps with accessibility with the introduction of attributes such as alt. For example, people who use screen readers can more easily navigate your site because they are able to find what they need by reading the tags instead of just relying on images and CSS styling. Lastly, search engines such as Google will be able to better understand what is going on in each section of your page and determine how relevant it is to their users.

One important thing to note is that while HTML5 has introduced many new tags, it hasn’t removed any of the old ones. So you can still use the

<div>

and other legacy tags if you want to.

You can read more about how to use HTML5 elements here: https://developers.google.com/webmasters/guides/best-practices#semantic_markup.

Although it's quite complex, understanding HTML5 is well worth the effort considering the newest and coolest features that it brings. For example, you can now create interactive elements that respond to user input. This means that you can make buttons that change color or move around the page when a user clicks them.

Top comments (0)