๐ List of all standard HTML5 tags ๐
Under the hood, cbytes uses javascript, but also provides compatibility with a wide range of other libraries, such as: ReactJs, Vuejs, Angular, which allows the easy use of countless third-party add-ons that are available.
To start using cbytes, you must install it with the npm or yarn package manager, as shown in the next section,
// To install using npm
npm install --save tags-html
// To install using yarn
yarn add tags-html
To use the powerful function offered by cbytes is very simple, first we will import the package. Example:
// If you use ES5-
const htmlTags = require("tags-html");
// If you use ES6+ or Typescript
import htmlTags from "tags-html";
Example
// Import
import htmlTags, { interactiveTags, formsTags, tabularTags } from "tags-html";
const allTags = htmlTags
/* Return:
[
'html',
'head',
'title',
'base',
'link',
'meta',
'style',
'script',
'noscript',
'body',
'section',
'nav',
'article',
'aside',
'h1',
'h2',
'h3',
'h4',
'h5',
'h6',
'header',
'footer',
... more items,
*/
const interactiveTags = interactiveTags
// Return: [ 'details', 'summary', 'command', 'menu' ]
const formsTags = formsTags
/* Return: [
'form', 'fieldset',
'legend', 'label',
'input', 'button',
'select', 'datalist',
'optgroup', 'option',
'textarea', 'keygen',
'output', 'progress',
'meter'
]
*/
const tabularTags = tabularTags
/* Return: [
'table', 'caption',
'colgroup', 'col',
'tbody', 'thead',
'tfoot', 'tr',
'td', 'th'
]
*/
Group | Count |
---|---|
rootTags | 1 |
metadataTags | 6 |
scriptingTags | 2 |
sectionsTags | 15 |
groupContentTags | 13 |
textSemanticsTags | 20 |
editionsTags | 2 |
embeddedTags | 14 |
tabularTags | 10 |
formsTags | 15 |
interactiveTags | 4 |
total | 111 |
- Author Yoni Calsin
- Twitter Yoni Calsin
Tags-Html is MIT licensed.