https://github.com/cheton/html5-tag

A simple utility for creating HTML5 tags.
https://github.com/cheton/html5-tag

Last synced: 10 days ago
JSON representation

A simple utility for creating HTML5 tags.

• Host: GitHub
• URL: https://github.com/cheton/html5-tag
• Owner: cheton
• License: mit
• Created: 2016-06-12T10:19:13.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-06-13T10:13:09.000Z (over 7 years ago)
• Last Synced: 2024-10-29T16:26:32.478Z (20 days ago)
• Language: JavaScript
• Homepage:
• Size: 11.7 KB
• Stars: 3
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# html5-tag [![build status](https://travis-ci.org/cheton/html5-tag.svg?branch=master)](https://travis-ci.org/cheton/html5-tag) [![Coverage Status](https://coveralls.io/repos/github/cheton/html5-tag/badge.svg?branch=master)](https://coveralls.io/github/cheton/html5-tag?branch=master)

[![NPM](https://nodei.co/npm/html5-tag.png?downloads=true&stars=true)](https://www.npmjs.com/package/html5-tag)

A simple utility for creating HTML5 tags.

## Installation

```bash

npm install --save html5-tag

```

## Usage

```js

import tag from 'html5-tag';

// No end tags for void elements (https://www.w3.org/TR/html5/syntax.html#void-elements)

tag('br');

// → '
'

tag('a', { href: 'http://example.com' }, 'Example');

// → 'Example'

tag('input', { name: 'name', value: 'Input your name...', disabled: true });

// → ''

tag('div', { title: '\'"&<>' }, tag('i', { class: 'icon icon-folder' }, ''));

// → '
'


// Defaults to 'div' if tag is not specified

tag({ class: 'container' }, 'container text');

// → '
container text
'

```


## License

Copyright (c) 2016 Cheton Wu

Licensed under the [MIT License](LICENSE).