Handy library to generate HTML

dev-master / 3.0.x-dev 2021-02-23 16:49 UTC

This package is auto-updated.

Last update: 2021-02-23 16:50:10 UTC




Latest Stable Version Total Downloads Build Status Scrutinizer Code Quality Code Coverage Mutation testing badge static analysis type-coverage

The package provides:

  • tag classes A, Button, Div, Img, Input (and specialized Checkbox, Radio), Label, Li, Link, Meta, Ol, Optgroup, Option, P, Script, Select, Span, Style, Textarea, Ul;
  • CustomTag class that help generate custom tag with any attributes;
  • HTML widgets CheckboxList and RadioList;
  • Html helper that has static methods to generate HTML, create tag and HTML widget objects.


  • PHP 7.4 or higher.


composer require yiisoft/html --prefer-dist

General usage


use Yiisoft\Html\Html;
use Yiisoft\Html\Tag\Meta;


<?= Meta::pragmaDirective('X-UA-Compatible', 'IE=edge') ?>
<?= Meta::data('viewport', 'width=device-width, initial-scale=1') ?>

<?= Html::cssFile(
        'integrity' => 'sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T',
        'crossorigin' => 'anonymous'
) ?>
<?= Html::cssFile('/css/site.css', ['rel' => 'stylesheet']); ?>

<?= Html::openTag('footer', ['class' => 'footer']) ?>
    <?= Html::openTag('div', ['class' => 'container flex-fill']) ?>
        <?= Html::p('', ['class' => 'float-left']) ?>
        <?= Html::openTag('p', ['class' => 'float-right']) ?>
            <?= 'Powered by' ?>
            <?= Html::a(
                'Yii Framework',
                ['rel' => 'external']
            ) ?>
        <?= Html::closeTag('p') ?>
    <?= Html::closeTag('div') ?>
<?= Html::closeTag('footer') ?>

Tag objects usage

Tag classes allow working with tag as is object and then get a HTML code by method render() or type casting to string. For example, code:

echo \Yiisoft\Html\Tag\Div::tag()
            ->content('contact us')

... will generate HTML:

<div id="ContactEmail" class="red"><a href="mailto:info@example.com">contact us</a></div>

Package has clasess for tags A, Button, Div, Img, Input (and specialized Checkbox, Radio), Label, Li, Link, Meta, Ol, Optgroup, Option, P, Script, Select, Span, Style, Textarea, Ul.

Generating custom tags

For generate custom tags, use the CustomTag class. For example, code:

echo \Yiisoft\Html\Tag\CustomTag::name('b')
    ->attribute('title', 'Important');

... will generate HTML:

<b title="Important">text</b>

HTML widgets usage


echo \Yiisoft\Html\Widget\CheckboxList\CheckboxList::create('count')
	->items([1 => 'One', 2 => 'Two', 5 => 'Five'])
	->value(2, 5)
	->containerAttributes(['id' => 'main']);

Result will be:

<input type="hidden" name="count" value="0">
<div id="main">
<label><input type="checkbox" name="count[]" value="1"> One</label>
<label><input type="checkbox" name="count[]" value="2" checked> Two</label>
<label><input type="checkbox" name="count[]" value="5" checked> Five</label>


echo \Yiisoft\Html\Widget\RadioList\RadioList::create('count')
    ->items([1 => 'One', 2 => 'Two', 5 => 'Five'])
    ->containerAttributes(['id' => 'main'])

Result will be:

<input type="hidden" name="test" value="0">
<div id="main">
<label><input type="radio" name="test" value="1"> One</label>
<label><input type="radio" name="test" value="2" checked> Two</label>
<label><input type="radio" name="test" value="5"> Five</label>

Html helper usage

Html helper methods are static so usage is like the following:

echo \Yiisoft\Html\Html::a('Yii Framework', 'https://www.yiiframework.com/');

Overall the helper has the following method groups.

Creating tag objects

Custom tag

  • tag
  • normalTag
  • voidTag

Base tags

  • div
  • img
  • meta
  • p
  • script
  • span
  • style

List tags

  • ul
  • ol
  • li

Hyperlink tags

  • a
  • mailto

Link tags

  • link
  • cssFile
  • javaScriptFile

Form tags

  • button
  • buttonInput
  • checkbox
  • fileInput
  • hiddenInput
  • input
  • label
  • optgroup
  • option
  • passwordInput
  • radio
  • resetButton
  • resetInput
  • select
  • submitButton
  • submitInput
  • textInput
  • textarea

Generating tag parts

  • openTag
  • closeTag
  • renderTagAttributes

Creating HTML widget objects

  • radioList
  • checkboxList

Working with tag attributes

  • generateId
  • getArrayableName
  • getNonArrayableName
  • normalizeRegexpPattern

Encode and escape special characters

  • encode
  • encodeAttribute
  • encodeUnquotedAttribute
  • escapeJavaScriptStringValue

Working with CSS styles and classes

  • addCssStyle
  • removeCssStyle
  • addCssClass
  • removeCssClass
  • cssStyleFromArray
  • cssStyleToArray


Unit testing

The package is tested with PHPUnit. To run tests:


Mutation testing

The package tests are checked with Infection mutation framework with Infection Static Analysis Plugin. To run it:


Static analysis

The code is statically analyzed with Psalm. To run static analysis:



The Yii HTML is free software. It is released under the terms of the BSD License. Please see LICENSE for more information.

Maintained by Yii Software.

Support the project

Open Collective

Follow updates

Official website Twitter Telegram Facebook Slack