After last article we introduce some of new tag, seems there are some interests on the HTML tag, so we will continue to discuss to rest of the new tag that can be used in you web page. Let discuss here.

New Tag

caption - datalist - fieldset
caption – datalist – fieldset

DATALIST

  • <datalist> HTML element contains a set of <option> elements that represent the permissible or recommended options available to choose from within other controls.
new-tag-html
new-tag-html

CAPTION

  • <caption> HTML element specifies the caption (or title) of a table.
  • The caption element should be the first inside the <table> it describes.
  • By default, it appears above the table, but it can be adjusted using the caption-side CSS property.

FIELDSET N LEGEND

  • When form controls would be logically grouped, the <fieldset> element can semantically link them together.
  • Group of radio buttons are a perfect use case for this particular element.
  • A disabled attribute on a <fieldset> will disable all inputs inside it.
  • Any <fieldset> will accompanied by a <legend> which provides a title for the group

TRACK

MAP AREA
MAP AREA
  • <track> HTML element is used as an extra context of the media elements, <audio> and <video>
  • It provide the current run time content played such as subtitle.
  • The src attribute is a file either a WebVTT, or TTML format.
  • Both provide a timestamp called a cue and some kind of associated data.
  • The subtitle captions can provides immediate benefit for hearing issues or those choose to muted the sound.

ADDRESS

  • Many Web provide contact information in order to locate the business or contact an author.
  • <address> HTML element indicates that the enclosed HTML provides contact information for a person or people, or for an organization.

MAP N AREA

  • Image maps enable different parts of an image to be clickable links.
  • They are useful to create interactions that would be difficult through text, such as map.
  • A <map> takes a name attribute, which links it to an <img> element elsewhere with usermap attribute.
  • Each <area> inside a <map> defines a place the user can click.

Here is the link to above sample program

new tag html 2
new tag html 2

Finally, we have explore another couple set if new HTM Tag that you can use for your web design.

Take care and stay healthy.


This free site is ad-supported. Learn more