10 HTML Tags You Need to be Using Not all HTML tags are created equal.

10 HTML Tags You Need to be Using Not all HTML tags are created equal.

Not all HTML tags are created equal. I’ll show you 10 HTML tags you may not be using or maybe even aren’t yet aware of that help to increase the semantics and maintainability of your web pages.

As a front-end developer, you no doubt use HTML constantly and probably feel it doesn’t have any more unknowns. Nevertheless, the way it has evolved (in particular with the advent of HTML5) may surprise you at times.

I’ll show you 10 HTML tags you may not be using or maybe even aren’t yet aware of that help to increase the semantics and maintainability of your web pages.

The basic semantic HTML tags such as <header><footer>and <nav>are almost self-explanatory. But, there are a host of newer HTML tags that we need to be using as well.

1- Time

This tag allows you to represent a machine-readable date and/or time on your web pages.

Because you can simply place dates and times on a page, you might wonder why you would ever want to use a time tag. The simple answer is that while you can display dates and times on your page in a variety of ways, there are times when you might want the browser to clearly understand what the date and/or time is. By using the datetime attribute of the <time> tag, you can make sure that it is clear that date and/or time are being represented. More importantly, using scripting or another coding, you can access this machine-readable format and use it to do calculations and more.

The <time> tag and its datetime attribute are supported by all the major browsers including Google Chrome 6.0+, Internet Explorer/Edge 9.0+, Safari 5.0+ Firefox 4.0+, and Opera 11.1+.

<p>Our party is going to be <time datetime="2018-08-11 17:00">the eleventh of August at 5:00pm</time></p>

Preview
Our party is going to be the eleventh of August at 5:00pm

2- DataList

The <datalist>tag provides an autocomplete interface for <input>elements. Each list contains a set of <option>elements that have an associated value. When linked to an <input>using the “list” attribute, it can provide a drop-down list or even display suggestions as the user types.

<label for="tutorial_choice">Tutorials: </label>
  <input list="tutorial_types" name="tutorial_choice" id="tutorial_choice">

  <datalist id="tutorial_types">
    <option value="HTML">
    <option value="CSS">
    <option value="SQL">
  </datalist>

Preview

Preview of the <datalist> html tag

programming tag html html5

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Commonly Used HTML Tags with Examples

HTML tags are keywords used in HTML to display web-pages with certain properties. They are further used for defining HTML elements. An HTML element consists of a starting tag.

HTML Tags — Tags used in Html — Webify Techno

When you are creating a web page,you would like to emphasize or otherwise set apart a word or a phrase from the rest of the textING TAG IN HTML.

All Must Know HTML Tags in Alphabetical Order HTML5 | Every HTML Tag

All HTML tags in alphabetical order. HTML tags are more prevalent then you might think. Coding can be difficult but HTML is always there for us. Maybe if you watch this video many times you can learn to hack NASA!

Easy Autocomplete/Suggestions for Inputs With Just HTML5 | Datalist Tag HTML

Easy Autocomplete/Suggestions for Inputs With Just HTML5 | Datalist Tag HTML. The HTML datalist element contains a set of option elements that represent the permissible or recommended options available to choose from within other controls. Datalist acts as a hybrid between a normal input and a select field where it allows users to either choose a suggested option, see suggestions as you type or add in your own option.

Know Everything About HTML With HTML Experts

HTML Assignment Help Australia @30% OFF from Sample Assignment, with Our Best HTML assignment help experts. Get HTML homework help online at affordable price. 100% Plag free assignment solution.