10 useful HTML5 tags you might not Know

HTML5 brings a host of features that allow developers to make their documents more easily understood by other systems. HTML5 bring many brand new tags and elements as well as attributes. You might have used some of these tags before maybe just not in the same way. Let's find out them -

<ins>, <del> & <s> - These tags are useful when you are using dealing with content that has been changed or whose relevance has been updated. Where, <ins> tag defines text that has been newly added to a document, <del> tag defines text that has been removed from the document and <s> tag is best used for when content has been removed and then updated similar to <strick> tag.

<q> & <blockquote> - Both of these tags are meant to be used for external quotations, but their usage are little bit differ. <q> tag used to define a short inline quotation of text. On the other hand, <blockquote> tag used for large spans of text.

<datalist> - It acts like a combo box. You can now use the <datalist> to define the list of valid option for your various <input> tags, such as a search box pre-populated with items based on the user's history. Which currently requires a bunch of JavaScript or JavaScript libraries to handle but that can be done natively with HTML5.

<output> - This tag use for the content that generated dynamically with JavaScript. It has a value attribute, which can be manipulated through the DOM with JavaScript to change what is displayed on the screen. This is much more convenient than the current ways of doing things.


Recommended for you